<a onclick="{jscode}">是很常见的一种js运用方式,使用时经常会加一个href=“###”即<a onclick="{jscode}" href=“###”>,而不用<a href="javascript:{jscode}">或<a href="javascript:">是为了兼容多种浏览器对<a>标签的解释和处理. <a href=&quo…
空链接:<a href="#">内容</a> 超链接标签: <a href=" " >内容</a> 属性: href 链接地址 target 链接的目标窗口 _self._blank._top._parent title 链接提示文字 name 链接命名…
当我们需要一个空链接时,通常有两种方法: <a href="#">这个一个空链接</a> <a href="javascript:void(0)">这是另一个空链接</a> href="#" #之后跟着锚记名称,点击后跳转到页面指定位置:没有跟锚记名称则默认跳转到页面顶部 href="javascript:void(0)" void是一个操作符,这个操作符指定要计算一个表达式但是…
<script language="javascript" type="text/javascript" src="http://files.cnblogs.com/webqiand/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ alert("你好");…
a标签的属性之一 href 1. 定义 href 属性用于指定超链接目标的 URL. 2. 用法     ①. 锚点 同一页面添加锚点 (1)<a href="#test">连接到本页面的锚的超链接</a>   //点击的连接 (2)<a name="test">锚</a>   //放到要跳转内容的地方 跨页面添加锚点         (1)在test2.html创建锚<a name="test&quo…
切页面时有时用链接A来替代按钮,这样做有几个好处 鼠标放上时默认有手状效果(不用添加cursor:pointer) 可以添加低版本IE都支持的伪类 如果点击时页面要整体刷新,即跳转,这时IE6则不尽人意,如下 <p><a href="javascript:;" onclick="jumpSina()">Sina</a></p> <p><a href="javascript:void 0;&q…
链接当前页面. ------------------- 通常有如下用法: <a href="#" onclick="window.close()">关闭</a> 将href="#"是指联接到当前页面,其实是无意义的,页面也不会刷新,关键是后面的onclick,当点击"关闭"时,会执行window.close()代码. 你或许会说为什么不直接写成<a onclick="window.clo…
一. 添加时间戳 情况一.链接是常量 var rand = new Date().getTime(); var aLen=document.getElementsByTagName("a"); console.log(aLen.length); for (var a=0;a<aLen.length;a++){ var href = aLen[a].getAttribute('href'); document.getElementsByTagName("a")[…
一开始使用使用attrs(“href”) 出现错误TypeError: 'dict' object is not callable 由于attrs字典类型 atrrs["href"] 或者["'href] 可以正常获取…
今天遇到个很诡异的问题,就是<a href="javascript:void(0);" onclick="window.location.href=url"></a>在IE6下面没反应,不跳转到onclik事件中的“window.location.href”. 当时我们在网上找了篇文章很快就解决了,但是文章中没有说明具体原因在哪里,只是说在“window.location.href”后面加一个"return false",…
概念 <a>元素 (或HTML锚元素, Anchor Element)通常用来表示一个锚点/链接.但严格来说,<a>元素不是一个链接,而是超文本锚点,可以链接到一个新文件.用id属性指向任何元素.如果没有<a>元素没有href属性的话,可以作为原本链接位置的占位符,常用于home链接 [注意]任何文档流内容都可以被嵌套,只要不是交互内容类别(如按钮.链接等) 属性 href href属性表示地址,共包括以下3种: 1.链接地址 <a href="http…
1.DOM树中三种常见的DOM节点: 1>元素节点:上图中<a>,<h1>等都是元素节点,即标签 2>文本节点:向用户展示的内容,如...中的"文档标题"文本 3>属性节点:元素的属性,如a标签的链接地址属性 href 4>通过getElementById和document.body等方法获取元素就是获取元素节点的 2. DOM结构优化 减少DOM访问次数 多次访问同一DOM,应该用局部变量缓存该DOM 尽可能使用querySelecto…
现在类似于pinterest这类的表现效果很火,其实我比较中意的是他的布局效果,而不是那种瀑布流. 虽然我不是特别喜欢这种瀑布流的表现样式,但是还是写了几篇关于无限滚动瀑布流效果的文章,Infinite scroll+Masonry=无限滚动瀑布流,infinite-scroll-jquery滚动条(下拉)加载数据插件之类的文章.可能是我表达描述不是很详细清楚,所以好多朋友看了不是很清楚,并发信给我求解释.所以有了今天这篇文章. 其实早在:十几款jquery无限滚动插件这 篇文章中我就提到过这种…
XSS也太太太难了,主要也是因为自己没花时间集中. 文章脉络:根据我粗浅的理解,从开始学习XSS到现在,从一开始的见框就插到现在去学构造.编码,首先需要的是能看懂一些payload,然后再去深入理解.所以,文章首先会介绍一些常见的可供利用的编码,然后再理解浏览器如何解析HTML文档,最后再总结一下.应该有很多不正确的地方,希望看到的朋友帮我指正以下,带我挖洞,冲.QQ:2309896923 写的这些内容都是借鉴总结了许多大神的文章,对大神提及的一些注意点进行总结归纳. 一.一般可利用的编码 1.…
此属性通常出现在a,link标签中 属性值 Alternate -- 定义交替出现的链接 Alternate 属性值 -- alternate是LinkTypes的一个值,网页设计者可以通过此值,设计交替出现的链接 此属性值通常在,rel,rev属性中出现 示例 定义两种不同的样式,用户可以通过浏览器选择样式(ie不支持此属性) rel="stylesheet" type="text/css" title="blue" href="dr…
首先,<a> 标签 + onclick='{jscode}' 是很常用的一种 js 运用方式,而不使用 href='javascript:{jscode}' 是为了兼容多种浏览器对 <a> 标签的解释和处理不同.其次,使用 <a> 标签 + onclick='{jscode}'  时经常会加一个 href='###',而有时这个 href='###' 会被误写为 <a href='#'> 是因为使用者没有理解 '#' 和 '###' 的区别. 简单地说,就是…
本文来自:http://c.jinhusns.com/bar/t-829 链接中 href='#' 和 href='###' 的区别以及优缺点 上一篇 下一篇近乎_问阳 发表于:2013-09-09 14:03 浏览(17003) 分享到微博 首先,<a> 标签 + onclick='{jscode}' 是很常用的一种 js 运用方式,而不使用 href='javascript:{jscode}' 是为了兼容多种浏览器对 <a> 标签的解释和处理不同.其次,使用 <a>…
JS 和 a href 在href里面注意分号结尾, 引号闭合 <a href="javascript:;">空链接</a> <a href="javascript:alert('a');">弹出</a> 一般不妨代码, 一般让它空着. 空着也可以用井号'#', 但不是很好. className <style> #div1 {width:100px; height:100px; border:1px sol…
可以先体验一下效果:http://keleyi.com/keleyi/phtml/jquery/2.htm 以下修改a标签的href链接和修改文字的代码: <script type="text/javascript" src="http:/keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script> 原链接:<a href="http://keleyi.com" id…
问题: 如上图动态生成一个li列表,点击之后页面直接全部刷新了一遍 原因: 动态生成的代码(第一个图)中href链接地址与顶部页面(上图)中固定的href链接存在冲突 如果动态生成的列表指定的链接名称与上面某个链接一致,则点击“小M”会跳转到对应的链接 如果如第一个图没有指定链接名称(href链接名称为空),则会刷新整个页面…
转自:https://i.cnblogs.com/posts?categoryid=1121494 没有链接,WWW将失去存在的意义!WWW之所以受欢迎,乃在于她除了有精美的图文之外,更有方便且多样化的链接,让使用者可以很快的找到其所需的资料,也让网络能提供更多的服务! [WWW链接标志基本概念]1. 链接基本概念:一般而言,所谓链接就是,在网页中有些字会有特别的颜色,而且字的底下会有条线,当光标移到那些字上时,会变成手指形状,按下去,则会连到别的文章或网站,就像这样(以上这段是给超级新手看的.…
下面解释一下链接标签的另外两个属性:target和name HTML 链接 - target 属性 使用 Target 属性,你可以定义被链接的文档在何处显示. 下面的这行会在新窗口打开文档: <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a> 亲自试一试 HTML 链接 - name 属性 name 属性规定锚(anchor)的名称. 您可以使用…
5.1  添加指向其它Web页面的链接 无论目标Web页面是否属于你网站的一部分,还是属于其它网站,都可以添加指向其它Web页面的链接.只需要用<a>就可以添加链接. <a href="www.baidu.com">百度搜索</a> <a>最常用的属性是href--它是hypertext reference的简写.href属性的功能是告诉浏览器从哪里能找都你链接的信息.其它属性还包括name.title.tabindex.accesske…
1 缩略语列表问题出发点:一段包含大量缩略语的文本,例如: <p> The <abbr title="World Wide Web Consortium">W3C</abbr> defines the <abbr title="Document Object Model">DOM</abbr> as: </p> <blockquote cite="http://www.w3.or…
HTML链接 超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分. 当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手. 我们通过使用 <a> 标签在 HTML 中创建链接. 有两种使用 <a> 标签的方式: 通过使用 href 属性 - 创建指向另一个文档的链接 通过使用 name 属性 - 创建文档内的书签 HTML链接的语法 链接的 HTML 代码很简单.它类似这样: <a href="…
理论准备         网页中的链接按照链接路径的不同,可以分为3种类型,分别是内部类型.锚点链接和外部链接:         按照使用对象的不同,网页中的链接又分为文本超链接,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等.   ★ 利用name或id实现网页跳转锚点的设置(Anchor)) 代码 <style> body { text-align: center; } a:nth-child(odd){ /*选取索引序号为基数的<a>标签*/ positio…
在页面中的链接除了常规的方式以外,如果使用javascript,还有很多种方式,下面是一些使用javascript,打开链接的几种方式: 1.使用window的open方法打开链接,这里可是在制定页面中打开链接,也可以定制打开页面的尺寸等等.<a href=”javascript:window.open(‘http://www.google.com’,'_self’) “> open a link 1</a><br/> 2.使用document.URL属性来打来新的页面…
本文介绍了使用DOM的简单方法实现动态加载图片的功能. 前文介绍了: 1 DOM四个常用的方法 首先看一下效果,初始时是一个相册,可以点击导航,切换图片,并切换下方显示内容: 点击house,可以动态的切换另一个图片 所使用的代码,如下: <!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo…
base标记是一个基链接标记,是一个单标记.用以改变文件中所有连结标记的参数内定值.它只能应用于标记<head>与</head>之间.你网页上的所有相对路径在链接时都将在前面加上基链接指向的地址. base 元素可规定页面中所有链接的基准 URL我们可以使用 <base>标签中的href属性来设置,所有的“相对基准 URL”. 这是JSP端的代码采用了html文件中的 <base>标签:代码如下:<%String path = request.getC…
<marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下…