{welcome to JS} 无干扰脚本编程

来源：互联网发布：外贸英语书籍推荐知乎编辑：程序博客网时间：2024/05/30 04:48

1.html内嵌script，!==与===用法解释

welcome07.html

<!DOCTYPE html><html><head>  <title>hiahiahia</title>  <h1>TEST</h1></head><body>  <div id="a"></div>  <div id="b"></div>  <script>    var a=document.getElementById('a');    alert(a!==null);// ==>true/* ===表示绝对相等，!==是否表示不绝对相等例如：null != undefined // 返回falsenull !== undefined // 返回true */    var b=document.getElementById('b');    alert(b!==null);//==>false  </script>  <div id = "b"></div></body></html>

运行结果

2.转到目的地前弹出警告对话框

不带脚本的welcome08.html

<!DOCTYPE html><html><head><title>Welcome to my site!</title></head><body>    <h2 class = "centered">      Hey,check out <a href = "http://www.baidu.com/" id = "redirect"> baidu.com</a> !    </h2></body></html>

运行结果1

welcome08.html

<!DOCTYPE html><html><head><title>Welcome to my site!</title><script src = "script08.js"></script> //加入这句</head><body>    <h2 class = "centered">      Hey,check out <a href = "http://www.baidu.com/" id = "redirect"> baidu.com</a> !    </h2></body></html>

script08.js

window.onload = initAll;function initAll(){document.getElementById("redirect").onclick = initRedirect;}function initRedirect(){alert("We are responsible for the content of pages ouside our site");window.location = this;return false;}

运行结果2

学习心得

window.location = this;

将浏览器窗口设置为关键字this指定的位置，this包含这个链接。

this可从HTML链接获得URL（也就是a标签的href属性值），HTML中的链接更改不会影响脚本，即无干扰脚本编程。

0 0