`
kfcman
  • 浏览: 397062 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

锚点设置

    博客分类:
  • CSS
 
阅读更多
location对象:设置或获取当前URL的信息

使用location对象可以设置或返回URL中的一些信息,一个完整的URL地址的格式为:

协议://主机:端口/路径名称#hash标识?搜索条件

其中,协议是URL的起始部分,用于指定该URL地 址所采用的通信协议,比如http、ftp等;主机是指该URL所对应的服务器的名称;端口用于指定服务器用于通信的端口号,与主机名之间使用冒号隔开; 路径名称是指该URL所对应的网页文件在服务器上的虚拟路径;如果页面中含有锚点连接,可以使用hash标志指定页面中的锚点标志,该标志以“#”开头; 搜索条件是指URL中所含有的查询条件,该查询条件以“?”开头,以“变量名称=值”的形式出现,多个查询条件之间使用连接符“&”连接。比 如:http://upc.edu.cn:8080/wwwroot/ index.html#topicID?id=3876。

利用location对象可以方便地设置或获取URL中的各种信息,本节将详细介绍location对象的一些常用属性和方法。
1.hash属性

【功能说明】设置或获取URL中的锚点名称,如果Web页面中使用的锚点连接,通过设置location对象的hash属性可以方便的跳转到页面中的不同部分。

【基本语法】location.hash

下面的代码演示了如何在网页中使用location对象的hash标志快速定位页面中的 内容。

【实例演示】

<script>

    function getAnchor(str)

    {

      window.location.hash=str;

    }

</script>

<body>

  //创建锚点链接,快速定位网页内容

  <a href="javascript:getAnchor('jueju');">杜甫 绝句</a>

  <a href="javascript:getAnchor('yijianmei');">李清照 一剪梅</a>

  <a href="javascript:getAnchor('hanghelou');">崔颢 黄鹤楼</a>

  //下面定义了3个锚点

  <a name="jueju"><center>绝句</center>

  <!--古诗内容省略,见源代码-->

  </a><br><br><br><br><br>

  <a name="yijianmei"><center>一剪梅</center>

  <!--古诗内容省略,见源代码-->

  </a><br><br><br><br><br>

  <a name="hanghelou"><center>黄鹤楼</center>

  <!--古诗内容省略,见源代码-->

  </a>

</body>


http://www.zhangxinxu.com/wordpress/?p=958
分享到:
评论

相关推荐

    曲线设置锚点.zip_dawn499_labview_labview描点_laview曲线锚点设置_锚点

    在LabVIEW中,曲线是数据展示的重要工具,而锚点设置则是控制曲线形状和行为的关键功能。本压缩包“曲线设置锚点.zip”包含了由用户dawn499分享的关于LabVIEW曲线锚点设置的范例——“曲线设置锚点.vi”。这个范例...

    完整版设置控件锚点.rar

    在UI设计和编程中,控件锚点是一个关键概念,用于确定控件在容器或窗口中的位置和大小如何根据容器的变化而变化。...通过合理的锚点设置,可以确保用户无论在何种设备上都能获得一致且舒适的使用体验。

    易语言源码古木设定控件锚点例程.rar

    "古木设定控件锚点例程"是易语言中一个关于用户界面(UI)布局管理的示例代码,主要涉及到控件的锚点设置,这是GUI编程中的一个重要概念。 在Windows或其他图形用户界面系统中,控件的锚点决定了控件在窗口大小改变...

    秒锚点工具.zip(Unity3D)

    "秒锚点工具"是一个专为Unity3D设计的插件,旨在简化UGUI(Unity Graphic User Interface)系统的锚点设置过程。锚点在UGUI中扮演着决定元素大小和位置的关键角色,它定义了UI元素如何随着屏幕尺寸的变化而自动调整...

    易语言源码设置控件锚点模块.rar

    在这个"易语言源码设置控件锚点模块.rar"压缩包中,我们找到了与易语言相关的源码和一个说明文档,主要涉及的是控件锚点设置的模块。 控件锚点是用户界面(UI)设计中的一个重要概念,特别是在窗口程序开发中。在...

    JS锚点的设置与使用方法

    JS锚点设置与使用方法的知识点涉及以下方面: 1. JS锚点的基本概念:锚点指的是在网页上可以链接到的一个位置点,相当于书签的作用。在HTML中通常通过标签的name属性或id属性设置,而在JavaScript中则通过id属性来...

    古木设定控件锚点例程.rar

    例如,如果一个按钮的锚点设置为"Top, Right",那么当窗口向右或向下拉伸时,按钮将始终保持在窗口的右上角。 2. **Android中的锚点** 在Android开发中,布局管理器如LinearLayout、RelativeLayout或...

    设置控件锚点.rar

    锚点设置的主要目的是确保控件在窗口或容器的边缘保持相对固定,或者在特定位置之间保持一定的比例关系。这使得当用户调整窗口大小时,控件能够自适应地扩展或收缩,从而保持界面的美观和易用性。 1. **Windows ...

    unity3d锚点快捷键脚本

    Unity3D是一款强大的跨平台3D游戏开发引擎,被广泛应用于游戏、虚拟...通过有效的锚点设置,开发者可以确保UI在不同设备上保持一致的视觉效果和交互体验,而快捷键脚本则能进一步加速这一过程,使开发工作更加流畅。

    易语言古木设定控件锚点例程

    然后,可以通过阅读源代码,理解锚点设置和控件分布的算法,以及如何在易语言中实现这些功能。此外,实际运行和调试例程,观察不同设置下的界面变化,是加深理解的好方法。 这个“古木设定控件锚点例程”对于初学者...

    设置控件锚点.zip易语言程序源码资源下载

    例如,如果一个按钮的锚点设置为左上和右下,那么当窗口拉伸时,按钮会保持其宽度与窗口宽度一致,高度随窗口高度改变。 这个程序源码资源对于学生做毕业设计来说是一个很好的起点,他们可以从中了解和学习如何在...

    锚点机制在目标检测领域的发展综述.docx

    "锚点机制在目标检测领域的发展...总结来说,本文对锚点机制在目标检测领域中的发展综述,旨在总结锚点机制的原理、优化锚点设置和存在的问题,探索锚点机制在目标检测领域中的发展前景,为相关研究者提供参考和借鉴。

    锚点解析1

    默认情况下,Cocos2d-x中的锚点设置为(0.5, 0.5),这意味着图像的中心点是其定位和变换的基准点。 `CCSprite *sprite = CCSprite::create("Icon.png");` 这段代码创建了一个名为"Icon.png"的精灵对象。 `sprite-&gt;...

    设置控件锚点模块.zip易语言项目例子源码下载

    在调试过程中,可能需要调整锚点设置或优化代码逻辑。 5. **应用场景**:这个项目实例适用于个人技术学习、学生毕业设计以及小团队的项目开发,可以作为理解易语言界面编程和控件锚点机制的实践案例。通过分析和...

    js锚点定位

    这段代码将当前页面的锚点设置为“ST”。这意味着如果页面中有定义了名为“ST”的锚点,浏览器会自动滚动到该锚点所在的位置。 ##### 动态锚点定位的应用场景 1. **页面导航**:在复杂的网站或应用中,可以通过...

    窗口-控件锚点.zip易语言程序源码资源下载

    资源包中的源码示例,可能是展示了一个具有多种锚点设置的窗口界面,如标题栏、菜单栏、工具栏等,这些元素通常会设置成与窗口顶部和左侧固定,而内容区域则可能设置为在窗口两侧和底部都有锚点,这样在窗口大小变化...

    易语言例程源码,易语言设置控件锚点模块

    "易语言设置控件锚点模块"是一个专门为易语言设计的功能模块,它的目的是简化和自动化控件锚点的设置过程。这个模块可能包含了各种函数或过程,用于处理不同类型的控件(如按钮、文本框、列表视图等)的锚点设定,...

    易语言源码窗口-控件锚点.7z

    例如,如果一个控件的锚点设置为“左上”,那么当窗口向右下方扩大时,该控件将保持左上角不动,宽度和高度会自动增加。 3. **事件处理**:易语言支持事件驱动编程,窗口的大小改变事件(如“窗口大小改变”事件)...

    易语言源码设置控件锚点.7z

    在这个"易语言源码设置控件锚点.7z"压缩包中,我们关注的核心知识点是“控件锚点”的设置,这在GUI(图形用户界面)设计中是一项重要的技术。 控件锚点是窗口控件布局的一种机制,主要应用于Windows应用程序开发。...

    设置控件锚点模块-易语言

    对于“模块控件源码”标签,意味着我们可以查看和学习这个模块的源代码,这对于深入理解锚点设置的原理和易语言的编程技巧非常有帮助。通过阅读源码,开发者可以学习到如何编写类似功能的模块,提升自己的编程能力...

Global site tag (gtag.js) - Google Analytics