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()方法的返回值将被转换成字符串并被显示出来,当前窗口将被如下所示的文档覆盖。
相关推荐
-
JavaScript中伪协议 javascript:使用探讨
将javascript代码添加到客户端的方法是把它放置在伪协议说明符javascript:后的URL中.这个特殊的协议类型声明了URL的主体是任意的javascript代码,它由javascript的解释器运行.如果javascript:URL中的javascript代码含有多个语句,必须使用分号将这些语句分隔开.这样的URL如下所示: javascript:var now = new Date(); "<h1>The time is:</h1>" + now;
-
在JavaScript中实现类的方式探讨
在 javascript 中有很多方式来创建对象,所以创建对象的方式使用起来非常灵活.那么,到底哪一种方式是最恰当的对象创建方式呢?构造模式,原型模式还是对象原意模式(Object literal)呢? 但这些模式具体是怎么回事呢? 在开始讲解之前,让我们先清楚地介绍一下关于 javascript 基本知识. 有没有可能在 javascript 中实现面向对象编程的方式呢? 答案是可能的,javascript 是可以创建对象的!这种对象可以包含数据及能够操作数据的方法,甚至可以包含其他对象.它没
-
比较全面的C 、Java、JavaScript中的正则表达式详解
什么是正则表达式? 正则表达式(Regular Expression) 就是用某种模式去匹配一类字符串的公式.如你要在一篇文章中查找第一个字是"罗"最后一个字是"浩"的三个字的姓名,即"罗 * 浩":那么"罗 * 浩"就是公式,也称作 模式(Pattern) ,这篇文章就是 要匹配的串( 或叫文本 text) .再如,你要检查输入的一个字符串是否是 126 邮箱的格式,你得制定一个规则去查检,这种规则就是正则表达式. 从入门开
-
老生常谈JavaScript中的this关键字
相对于很多其他的面向对象语言来说,this代表的就是当前对象.例如Java中的this就是编译期间确定的.而在 JavaScript 中,this 是动态绑定,或称为运行期绑定的 Java中的this 在以下代码中.this代表的就是p对象. public class Test { public static void main(String[] args) { Person p = new Person("zmt",30); System.out.println(p.name); }
-
权威JavaScript 中的内存泄露模式
作者:Abhijeet Bhattacharya (abhbhatt@in.ibm.com), 系统软件工程师, IBM IndiaKiran Shivarama Shivarama Sundar (kisundar@in.ibm.com), 系统软件工程师, IBM India 2007 年 5 月 28 日 如果您知道内存泄漏的起因,那么在 JavaScript 中进行相应的防范就应该相当容易.在这篇文章中,作者 Kiran Sundar 和 Abhijeet Bhattacharya 将带
-
深入探讨javascript中的数据类型
学一门编程语言,无非两方面:一是语法,二是数据类型.类C语言的语法不外乎if.while.for.函数.算术运算等,面向对象的语言再加上object. 语法只是语言设计者预先做的一套规则,不同语言语法不尽相同,但都有一些共通点,对于熟悉一两门编程语言的人,学其他的编程语言时,语法往往不是问题(当然,如果你一直学的是类C语言,那么首次接触lisp时肯定也要花些时间),学习的重点往往是数据类型及其相关操作上,不是有句老话:"数据结构+算法=程序"!其次,有些语言的语法本身就存在设计问题(j
-
JavaScript中对循环语句的优化技巧深入探讨
循环是所有编程语言中最为重要的机制之一,几乎任何拥有实际意义的计算机程序(排序.查询等)都里不开循环. 而循环也正是程序优化中非常让人头疼的一环,我们往往需要不断去优化程序的复杂度,却因循环而纠结在时间复杂度和空间复杂度之间的抉择. 在 javascript 中,有3种原生循环,for () {}, while () {}和do {} while (),其中最为常用的要数for () {}. 然而for正是 javascript 工程师们在优化程序时最容易忽略的一种循环. 我们先来回顾一下for
-
探讨JavaScript中声明全局变量三种方式的异同
变量及变量声明是一门语言最基本的概念,初学者都会很快掌握.JavaScript中声明变量也是如此,很简单var(关键字)+变量名(标识符). 方式1 var test;var test = 5;需注意的是该句不能包含在function内,否则是局部变量.这是第一种方式声明全局变量. 方式2 test = 5;没有使用var,直接给标识符test赋值,这样会隐式的声明了全局变量test.即使该语句是在一个function内,当该function被执行后test变成了全局变量. 方式3 window
-
javascript:void(0)的问题使用探讨
在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,用户体验不好. 目前有如下几种解决办法: 1)点击链接后不做任何事情 复制代码 代码如下: <a href="javascript:void(0);" >test</a> <a href="javascript:;" >test&
-
浅析JavaScript中的平稳退化(graceful degradation)
所谓平稳退化,就是指可以让访问者在浏览器不支持javascript或者禁用了JavaScript的时候依旧可以顺利的浏览你的网页:即,虽然有些功能无法使用,但基本操作依旧可以顺利完成. 这里用在新窗口打开一个链接作为例子,我们知道js打开新窗口的方法: window.open(url,name,features) 在这里,url是要打开的网页的url地址,name是新窗口的名字,最后的features是一系列的参数 好,现在写一个简单的函数: function openwindow(winUrl
随机推荐
- iOS App设计模式开发中策略模式的实现示例
- System.Data.SQLite 数据库详细介绍
- struts2+jquery+json实现异步加载数据(自写)
- underscore之Chaining_动力节点Java学院整理
- 初识Spring Boot框架之Spring Boot的自动配置
- iOS为UIView设置阴影效果
- 决定何时使用 DataGrid、DataList 或 Repeater(ASP.NET 技术文章)
- ThinkPHP 3.2.2实现事务操作的方法
- Android ExpandableListView长按事件的完美解决办法
- 浅谈Javascript嵌套函数及闭包
- ASP关于编码的几个有用的函数小结(utf8)
- Ruby中使用mechanize批量下载校内网相册照片
- 利用Apache服务器屏蔽广告及IP段的一般方法
- jQuery实现鼠标滚动图片延迟加载效果附源码下载
- jquery跟随屏幕滚动效果的实现代码
- Android自定义SeekBar滑动显示数字
- Android 多媒体播放API简单实例
- Mybatis中输入输出映射与动态Sql图文详解
- mysql关联两张表时的编码问题及解决办法
- 在Create React App中启用Sass和Less的方法示例