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

最新推荐文章于 2022-07-14 08:25:49 发布

lingle77

最新推荐文章于 2022-07-14 08:25:49 发布

阅读量590

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/lingle77/article/details/48497477

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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中的链接更改不会影响脚本，即无干扰脚本编程。

lingle77

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
{welcome to JS} 无干扰脚本编程

代码如下 hiahiahia Welcome var a=document.getElementById('a'); alert(a!==null);// ==>true/* ===表示绝对相等，!==是否表示不绝对相等例如：null != undefined // 返回falsenull !== undefined // 返回true
复制链接

扫一扫

专栏目录