使用IE的地址栏来辅助调试Web页脚本


Posted in Javascript onMarch 08, 2007

不小心使用Shift + Left Click去点击了一个链接目标(href)是脚本的超链接,结果却把是否调试脚本的对话框弄了出来。点击yes居然可以打开调试这一句脚本,可是这句脚本是哪里来的呢?
    使用IE的地址栏来辅助调试Web页脚本
     回头看看被新打开的那个IE,结果地址栏里就写着:javascript:open(url)呢。原来IE的地址栏可以使用"JavaScript:"这个声明来执行脚本也,在试试JavaScript:alert('ok'),果然ok!

     好玩的特性,再写点复杂的脚本:javascript: var s=''; for( var i=0; i < 10 ; i++ ) s +=i;。结果是出来了"0123456789",可是执行结果显示在浏览器的主显示区域里了,把IE里原有的内容弄没了。要是可以不影响原有的页面,岂不是可以读些页面里的内容,修后继续提交吗?其实可以办到了,只要保证脚本最有一句是alert(),在浏览器里执行完脚本后就不会跳离当前页面的内容。例如打开http://www.google.com,在地址栏里输入:javascript: document.getElementsByTagName('Input')[1].disabled = true; alert('');,会看见什么呢?不能输入查询关键字了吧?

     其实在地址栏里运行脚本的作用域就是当前页面的脚本作用域,利用这个特点我们除了可以简单的执行脚本语句,还可以辅助我们调试脚本,比如我希望察看一些变量的值,而我们又不需要进入复杂的调试模式。下图就是我调试popup菜单时的一个例子,用这个办法可以避免在代码调试时到处写status=...。
    使用IE的地址栏来辅助调试Web页脚本
     这里我们除了可以在地址栏里写JavaScript:外,同时还可以写vbscirpt: alert("ok!"),ecmascript:和jscirpt。不过ecmascript会自动被转为javascirpt,jscript会被转为vbscript。

     这个特性虽然简单,希望大家都能来玩玩,并且玩出更多的花样哦。

Javascript 相关文章推荐
jquery slibings选取同级其他元素的实现代码
Nov 15 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
Apr 30 Javascript
Iframe实现跨浏览器自适应高度解决方法
Sep 02 Javascript
html的DOM中document对象anchors集合用法实例
Jan 21 Javascript
JavaScript 浏览器对象模型BOM使用介绍
Apr 13 Javascript
js实现页面跳转的五种方法推荐
Mar 10 Javascript
纯JS代码实现一键分享功能
Apr 20 Javascript
jquery中绑定事件的异同
Feb 28 Javascript
微信小程序实现聊天对话(文本、图片)功能
Jul 06 Javascript
jQuery仿移动端支付宝键盘的实现代码
Aug 15 jQuery
怎么理解wx.navigateTo的events参数使用详情
May 18 Javascript
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
Apr 13 Javascript
JScript中的undefined和&quot;undefined&quot;的区别
Mar 08 #Javascript
JavaScript语句可以不以;结尾的烦恼
Mar 08 #Javascript
JScript中的&quot;this&quot;关键字使用方式补充材料
Mar 08 #Javascript
function, new function, new Function之间的区别
Mar 08 #Javascript
JavaScript中this关键字使用方法详解
Mar 08 #Javascript
区分JS中的undefined,null,&quot;&quot;,0和false
Mar 08 #Javascript
在JavaScript中使用inline函数的问题
Mar 08 #Javascript
You might like
《OVERLORD》第四季,终于等到你!
2020/03/02 日漫
PHP利用func_get_args和func_num_args函数实现函数重载实例
2014/11/12 PHP
php获取twitter最新消息的方法
2015/04/14 PHP
JSON 编辑器实现代码
2009/12/06 Javascript
代码触发js事件(click、change)示例应用
2013/12/13 Javascript
使用RequireJS优化JavaScript引用代码的方法
2015/07/01 Javascript
JS设置CSS样式的方式汇总
2017/01/21 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/25 Javascript
JavaScript选择排序算法原理与实现方法示例
2018/08/06 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
2018/10/25 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
2019/04/10 Javascript
JS前端知识点总结之内置对象,日期对象和定时器相关操作
2019/07/05 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
JavaScript中while循环的基础使用教程
2020/08/11 Javascript
[13:21]DOTA2国际邀请赛采访专栏:RSnake战队国士无双,Fnatic.Fly
2013/08/06 DOTA
使用python绘制人人网好友关系图示例
2014/04/01 Python
Python中使用items()方法返回字典元素对的教程
2015/05/21 Python
python实现基本进制转换的方法
2015/07/11 Python
python僵尸进程产生的原因
2017/07/21 Python
对变量赋值的理解--Pyton中让两个值互换的实现方法
2017/11/29 Python
机器学习的框架偏向于Python的13个原因
2017/12/07 Python
基于python进行桶排序与基数排序的总结
2018/05/29 Python
python 截取XML中bndbox的坐标中的图像,另存为jpg的实例
2020/03/10 Python
python实现学生管理系统开发
2020/07/24 Python
纯CSS3实现移动端展开和收起效果的示例代码
2020/04/26 HTML / CSS
车间组长岗位职责
2013/12/20 职场文书
幼儿园消防安全制度
2014/01/26 职场文书
2013年研究生毕业感言
2014/02/06 职场文书
电子商务专业应届毕业生求职信
2014/06/21 职场文书
小学生放飞梦想演讲稿
2014/08/26 职场文书
2015年反洗钱工作总结
2015/04/25 职场文书
莫言诺贝尔获奖感言(全文)
2015/07/31 职场文书
公务员学习中国梦心得体会
2016/01/05 职场文书
八年级物理教学反思
2016/02/19 职场文书
房屋转让协议书(标准范本)
2016/03/21 职场文书
Python使用openpyxl批量处理数据
2021/06/23 Python