首页 > 编程语言 >[JavaScript][页面定位]锚的简单使用

[JavaScript][页面定位]锚的简单使用

时间:2023-04-20 12:09:24浏览次数:39  
标签:2345 定位 JavaScript 使用 New 页面



 [页面定位]锚的简单使用

 

1.使用window.location.hash定位到指定的锚


1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2. <HTML>
3. <HEAD>
4. <TITLE> New Document </TITLE>
5. <META NAME="Generator" CONTENT="EditPlus">
6. <META NAME="Author" CONTENT="">
7. <META NAME="Keywords" CONTENT="">
8. <META NAME="Description" CONTENT="">
9.   
10. <mce:script laguage="javascript"><!--  
11.     function onTopClick() {  
12. window.location.hash = "#top";   
13.     }  
14.     function onBottomClick() {  
15. window.location.hash = "#bottom";   
16.     }  
17. // --></mce:script>
18. </HEAD>
19.   
20. <BODY>
21. <a name="top"></a>
22. <input id="btnBottom" type="button" onclick="javascript:onBottomClick()" value="跳转到底部"/><BR>
23. <BR>2<BR>3<BR>4<BR>5<BR>
24. <BR>2<BR>3<BR>4<BR>5<BR>
25. <BR>2<BR>3<BR>4<BR>5<BR>
26. <BR>2<BR>3<BR>4<BR>5<BR>
27. <BR>2<BR>3<BR>4<BR>5<BR>
28. <BR>2<BR>3<BR>4<BR>5<BR>
29. <BR>2<BR>3<BR>4<BR>5<BR>
30. <BR>2<BR>3<BR>4<BR>5<BR>
31. <BR>2<BR>3<BR>4<BR>5<BR>
32. <BR>2<BR>3<BR>4<BR>5<BR>
33. <BR>2<BR>3<BR>4<BR>5<BR>
34. <BR>2<BR>3<BR>4<BR>5<BR>
35. <input id="btnBottom" type="button" onclick="javascript:onTopClick()" value="跳转到顶部"/><BR>
36. <a name="bottom"></a>
37. </BODY>
38. </HTML>

标签:2345,定位,JavaScript,使用,New,页面
From: https://blog.51cto.com/u_16080829/6209375

相关文章

  • JavaScript增删HTML标签
    要在JavaScript中添加和删除标签,可以使用以下代码:添加标签:```javascript//创建一个新标签varnewTag=document.createElement("p");//设置标签属性和内容newTag.setAttribute("id","myTag");newTag.innerHTML="Hello,world!";//获取要添加标签的父元素varparen......
  • jmeterGUI页面数据分析
    转载:http://www.cnblogs.com/leeboke/p/5238269.html参考资料:https://girliemangalo.wordpress.com/2009/10/29/jmeter-run-scripts-from-the-console/结果分析参见:http://www.cnblogs.com/miaomiaokaixin/p/6114756.htmlsummary+ 91773in00:00:06=15787.5/sAvg:   ......
  • JavaScript内置函数
    JavaScript内置了许多常用的模块,以下是一些常用模块的列表: 1.Math:数学操作的相关函数,例如计算三角函数,指数,对数,平方根等等。 ```javascript//计算平方根Math.sqrt(16);//返回4 //计算圆的面积Math.PI*Math.pow(5,2);//返回78.53981633974483``` 2.Da......
  • JavaScript字符串的常用操作
    在JavaScript中,字符串是不可变的,也就是说,一旦创建了一个字符串,就不能直接修改其值。如果需要对字符串进行修改,则需要创建一个新的字符串。字符串的增删改查操作如下:1.字符串的增加可以使用加号运算符`+`将两个字符串连接起来,从而实现字符串的增加。```javascriptvarstr1=......
  • JavaScript第三方库官网
    国内常用的JavaScript库官网有以下几个:1.https://www.bootcdn.cn/:提供了常用的JavaScript库,包括jQuery、Vue.js、React等。2.https://www.staticfile.org/:提供了常用的JavaScript库,包括jQuery、Bootstrap、Font-Awesome等。以上这些官网都提供了丰富的JavaScript......
  • JavaScript网页自动化测试库
    以下是一些可以模拟鼠标键盘操作网页的JavaScript库: 1.Puppeteer:基于Node.js的自动化测试工具,可以模拟用户操作,包括点击、输入等。 2.Selenium:另一个流行的自动化测试工具,也可以进行鼠标键盘模拟操作。 3.Synth:轻量级的JavaScript库,可以模拟键盘和鼠标事件,包括点击、......
  • 如何在html页面引入Element组件
    相关步骤1、引入相关链接<linkrel="stylesheet"href="https://unpkg.com/[email protected]/lib/theme-chalk/index.css"><scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><scriptsrc="https://un......
  • AES算法 前端JavaScript加密 后端Java解密
    CryptoJShttps://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js中文文档https://cryptojs.gitbook.io/docs/varAES=function(){ constuuid32="00010203-04050607-08090A0B-0C0D0E0F".toString();constparam=Array.from(uuid32......
  • JavaScript-构造表单并提交数据
     //使用form表单实现post方式文件下载downloadPost:function(url,data){varbody=document.getElementsByTagName('body')[0];varform=document.createElement('form');form.method='POST&......
  • python+playwright 学习-35.获取页面的完整 HTML 内容
    前言selenium里面有个driver.page_source可以获取整个html页面的内容,playwright里面也有类似的方法使用page.content()page.content()获取html内容使用示例withsync_playwright()asp:browser=p.chromium.launch(headless=False)context=browser.new_context(......