<a href='javacript:' title='{$str}'>是什么意思（多看学习视频）

一、总结

一句话总结：

1、javascript:是什么？

伪协议，后面接javascript代码

2、href="javascript:;"和另外哪个常见语句作用一样？

href="javascript:void(0)"

3、写出四种常见的伪协议？

javascript: 是一个伪协议，其他的伪协议还有 mail: tel: file: 等等

4、a标签的title是什么意思，和图片标签的哪个属性比较像？

这个超链接描述性的信息，titile是标题，alt是图片说明，

二、<a href='javacript:' title='{$str}'>是什么意思

问题一：a href="javascript:" title="这里填什么"

<a href="javascript:" title="这里填什么"><img src="images/test/001.jpg" title="这里填什么" alt="这里填什么" /></a> ？

title中可以填一些对这个超链接描述性的信息，比如title中写“这是个超链接”，等打开网叶的时候光标停留在超链接上面就能看到这几个字，也可以用来帮助自己或他人了解这个连接的去向，比如在title中写“百度”，大家一看到就知道这个链接是去百度的。没有什么实质的作用，可以不用。
alt和title类似，当你打开某网站的时候看到图片不能显示，图片框上会有描述性的文字，比如显示“图片”两字，你就知道这个框原来是图片，也会悬浮显示，光标停留在上面也会显示图片两字，alt里设置什么，就会显示什么。

titile是标题，alt是图片说明
填这个没有绝对的好处，只是对于搜索引擎来说，比较友好！

鼠标移动到链接或图片上去想显示什么，就填写什么

问题二：href="javascript:;

<a id="jsPswEdit" class="set-item" href="javascript:;">修改密码</a>

有一种说法是：href="javascript:;"会去解析<script></script>里面的代码，跟当前<a>标签有关的就会执行,.没关的就跳过。
是不是这样理解呢？

<a> 标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。

这里的href="javascript:;"，其中javascript:是伪协议，它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现A标签的点击事件运行时，如果页面内容很多，有滚动条时，页面不会乱跳，用户体验更好。

javascript: 是一个伪协议，其他的伪协议还有 mail: tel: file: 等等。

1	`<a` `id="jsPswEdit"` `class="set-item"` `href="javascript:;">修改密码</a>`

javascript:是表示在触发<a>默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击<a>时就没有任何反应。

一般在这种情况下，会给<a>绑定一个事件回调，来执行业务，如：

document.getElementById('jsPswEdit').addEventListener('click', function(e) {
  e.preventDefault();
  // 当<a>触发click时，处理业务
}, false);

追问

我能不能这样理解：href="javascript:;"就是去掉a标签的默认行为，跟href="javascript:void(0)"是一样的？

追答

是一样的

void 是JavaScript 的一个运算符，void(0)就是什么都不做的意思

简单来说，"javascript:"是另外一种嵌套js代码在网页中的方法。
跟通过<script></script>标签嵌套js代码差不多。

如点击下面链接会会执行"javascript:"后面的内容。不过不推荐这种写法。
理由是使用<a>标签href属性通常是保存超链接，用来控制页面转向。

1	`<a` `href = "javascript:alert(22);">点我</a>`