使用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 相关文章推荐
js 在定义的时候立即执行的函数表达式(function)写法
Jan 16 Javascript
javascript删除option选项的多种方法总结
Nov 22 Javascript
JavaScript中document对象使用详解
Jan 06 Javascript
js正则表达式replace替换变量方法
May 21 Javascript
AngularJS中如何使用echart插件示例详解
Oct 26 Javascript
百度搜索框智能提示案例jsonp
Nov 28 Javascript
基于cookie实现zTree树刷新后展开状态不变
Feb 28 Javascript
详解webpack解惑:require的五种用法
Jun 09 Javascript
老生常谈js中的MVC
Jul 25 Javascript
浅谈vue项目4rs vue-router上线后history模式遇到的坑
Sep 27 Javascript
解决vue单页面应用中动态修改title问题
Jun 09 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
Oct 26 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
做一个有下拉功能的留言版
2006/10/09 PHP
php计算十二星座的函数代码
2012/08/21 PHP
thinkPHP实现递归循环栏目并按照树形结构无限极输出的方法
2016/05/19 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
轻轻松松学JS调试(不下载任何工具)
2010/04/14 Javascript
五个jQuery图片画廊插件 推荐
2011/05/12 Javascript
jquery 查找iframe父级页面元素的实现代码
2011/08/28 Javascript
js实现运动logo图片效果及运动元素对象sportBox使用方法
2012/12/25 Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
2013/12/28 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
2014/01/09 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
2014/05/14 Javascript
JavaScript 异常处理 详解
2015/02/06 Javascript
nodejs中实现sleep功能实例
2015/03/24 NodeJs
原生js仿jquery animate动画效果
2016/07/13 Javascript
Bootstrap栅格系统的使用和理解2
2016/12/14 Javascript
js简单实现网页换肤功能
2017/04/07 Javascript
vue页面离开后执行函数的实例
2018/03/13 Javascript
js使用formData实现批量上传
2020/03/27 Javascript
微信小程序外卖选购页实现切换分类与数量加减功能案例
2019/01/15 Javascript
vue配置多代理服务接口地址操作
2020/09/08 Javascript
[02:26]DOTA2英雄米拉娜基础教程
2013/11/25 DOTA
Python基于滑动平均思想实现缺失数据填充的方法
2019/02/21 Python
selenium+Chrome滑动验证码破解二(某某网站)
2019/12/17 Python
Python列表倒序输出及其效率详解
2020/03/04 Python
Python Matplotlib绘图基础知识代码解析
2020/08/31 Python
美国杰西潘尼官网:JCPenney
2019/06/12 全球购物
汽车检测与维修个人求职信
2013/09/24 职场文书
企业为何需要商业计划书
2013/12/26 职场文书
竞聘副主任科员演讲稿
2014/01/11 职场文书
创业资金计划书
2014/02/06 职场文书
五年级数学教学反思
2014/02/11 职场文书
我的理想演讲稿
2014/04/30 职场文书
毕业证丢失证明范本
2014/09/20 职场文书
毕业生爱心捐书倡议书
2015/04/27 职场文书
教师节表彰会主持词
2015/07/06 职场文书
公司晚会主持词
2019/04/17 职场文书