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 // 返回false
null !== 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中的链接更改不会影响脚本,即无干扰脚本编程。