网页变量 & JavaScript 伪协议

客官°小女子只卖身不卖艺 2022-08-09 05:19 68阅读 0赞

1.3  Hello JavaScript

看完了JavaScript神奇之处的演示，你是否已经跃跃欲试了呢。那么就跟随本章下面的例子来窥探一下JavaScript究竟都可以干什么吧。

1.3.1  网页变脸

下面是一个很简单的例子，只有几行代码，并且不需要建立什么文件。我们尝试改变一下百度首页的图片，如图1.7所示，这只是恶搞，没有攻击性，仅供学习之用。

<table style="color:rgb(51,51,51); font-family:宋体; font-size:14px; line-height:28px"> 
 <tbody> 
  <tr> 
   <td style="margin:0px; padding:0px"><a href="http://images.51cto.com/files/uploadimg/20090914/154729710.jpg" style="color:rgb(0,66,118); text-decoration:none" rel="nofollow"><img height="331" alt="" src="http://images.51cto.com/files/uploadimg/20090914/154729710.jpg" width="498" style="border:medium none"></a>&nbsp;<a href="http://book.51cto.com/files/uploadimg/20060921/153223104.gif" style="color:rgb(0,66,118); text-decoration:none" rel="nofollow"></a></td> 
  </tr> 
  <tr> 
   <td align="middle" style="margin:0px; padding:0px">（点击查看大图）图1.7&nbsp; 替换百度首页的图片</td> 
  </tr> 
 </tbody> 
</table>

上述程序的具体创建步骤如下。

(1) 在地址栏输入"[http://www.baidu.com][http_www.baidu.com]"，然后打开百度页面。

(2) 在地址栏输入下面的代码，然后按Enter键：

JavaScript:var xgun = new Image();  
       xgun.src=  
       'http://hiphotos.baidu.com/ylemyu/pic/item/2ae7fa180ae2d86ddbb4bdae.jpg';  
       var img = document.getElementsByTagName('img')[0];  
       img.parentNode.replaceChild(xgun,img);alert('变')

哈哈，图片换了，但千万别以为下次打开还会看见这个图。这只是一个障眼法而已。

由JavaScript+":"+JavaScript代码组成的URL是一个JavaScript伪协议，该协议类似于[http://url][http_url]。它可以使用在任何HTTP能使用的地方。所谓"伪"协议，就是指非标准化的协议，即这个协议并没有写在国际标准组织的归档记录中，也表示并不是所有浏览器都支持JavaScript伪协议。所以在开发时尽量不要使用。

以上转载自：[http://book.51cto.com/art/200909/151616.htm][http_book.51cto.com_art_200909_151616.htm]

以下转载自：[http://www.ynpxrz.com/n700026c2023.aspx][http_www.ynpxrz.com_n700026c2023.aspx]

javascript:这个特殊的协议类型声明了URL的主体是任意的javascript代码，它由javascript的解释器运行。

将javascript代码添加到客户端的方法是把它放置在伪协议说明符javascript:后的URL中。这个特殊的协议类型声明了URL的主体是任意的javascript代码，它由javascript的解释器运行。如果javascript:URL中的javascript代码含有多个语句，必须使用分号将这些语句分隔开。这样的URL如下所示：

javascript:var now = new Date(); "<h1>The time is:</h1>" + now;当浏览器装载了这样的URL时，它将执行这个URL中包含的javascript代码，并把最后一条javascript语句的字符串值作为新文档的内容显示出来。这个字符串值可以含有HTML标记，并被格式化，其显示与其他装载进浏览器的文档完全相同。

javascript URL还可以含有只执行动作，但不返回值的javascript语句。例如：

javascript:alert("hello world!")装载了这种URL时，浏览器仅执行其中的javascript代码，但由于没有作为新文档来显示的值，因此它并不改变当前显示的文档。

通常我们想用javascript:URL执行某些不改变当前显示的文档的javascript代码。要做到这一点，必须确保URL中的最后一条语句没有返回值。一种方法是用void运算符显式地把返回值指定为underfined，只需要在javascript:URL的结尾使用语句void 0;即可。例如：下面的URL将打开一个新的空浏览器窗口，而不改变当前窗口的内容：

javascript:window.open("about:blank"); void 0;如果这个URL没有void运算符，window.open()方法的返回值将被转换成字符串并被显示出来，当前窗口将被如下所示的文档覆盖。

[http_www.baidu.com]: http://www.baidu.com/
[http_url]: http://url/
[http_book.51cto.com_art_200909_151616.htm]: http://book.51cto.com/art/200909/151616.htm
[http_www.ynpxrz.com_n700026c2023.aspx]: http://www.ynpxrz.com/n700026c2023.aspx