使用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 request函数 用来获取url参数
May 17 Javascript
js中top的作用深入剖析
Mar 04 Javascript
简介JavaScript中的getUTCFullYear()方法的使用
Jun 10 Javascript
vuejs2.0运用原生js实现简单的拖拽元素功能示例
Feb 24 Javascript
JS实现移动端按首字母检索城市列表附源码下载
Jul 05 Javascript
vue生成token保存在客户端localStorage中的方法
Oct 25 Javascript
JavaScript数据结构之双向链表定义与使用方法示例
Oct 27 Javascript
vue页面跳转后返回原页面初始位置方法
Feb 11 Javascript
关于vue面试题汇总
Mar 20 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
Jul 20 Javascript
推荐15个最好用的JavaScript代码压缩工具
Feb 13 Javascript
Vue 集成 PDF.js 实现 PDF 预览和添加水印的步骤
Jan 22 Vue.js
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
PHP.MVC的模板标签系统(五)
2006/09/05 PHP
PHP的宝库目录--PEAR
2006/10/09 PHP
PHP+javascript模拟Matrix画面
2006/10/09 PHP
一个可以找出源代码中所有中文的工具
2006/10/25 PHP
《PHP边学边教》(02.Apache+PHP环境配置――上篇)
2006/12/13 PHP
php桌面中心(四) 数据显示
2007/03/11 PHP
PHP反向代理类代码
2014/08/15 PHP
laravel5.4生成验证码的实例讲解
2017/08/05 PHP
NodeJS与Mysql的交互示例代码
2013/08/18 NodeJs
JQ技术实现注册页面带有校验密码强度
2015/07/27 Javascript
jQuery实现控制文字内容溢出用省略号(…)表示的方法
2016/02/26 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
2016/11/01 Javascript
移动端基础事件总结与应用
2017/01/12 Javascript
video.js使用改变ui过程
2017/03/05 Javascript
微信小程序项目实践之验证码倒计时功能
2018/07/18 Javascript
elementUI table表格动态合并的示例代码
2019/05/15 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
2020/10/30 Javascript
python list 合并连接字符串的方法
2013/03/09 Python
Python实现的简单dns查询功能示例
2017/05/24 Python
django中的图片验证码功能
2019/09/18 Python
如何使用pandas读取txt文件中指定的列(有无标题)
2020/03/05 Python
判断Threading.start新线程是否执行完毕的实例
2020/05/02 Python
python3 中时间戳、时间、日期的转换和加减操作
2020/07/14 Python
纯CSS3制作漂亮带动画效果的主机价格表
2015/04/25 HTML / CSS
中专生自我鉴定范文
2014/02/02 职场文书
教师节商场活动方案
2014/02/13 职场文书
国培计划培训感言
2014/03/11 职场文书
5s标语大全
2014/06/23 职场文书
关于运动会广播稿300字
2014/10/05 职场文书
党的群众路线教育实践活动整改落实情况报告
2014/10/28 职场文书
社保缴纳证明申请书
2014/11/03 职场文书
运动与健康自我评价
2015/03/09 职场文书
2015年社区宣传工作总结
2015/05/20 职场文书
2015年科普工作总结
2015/07/23 职场文书
基于Python和openCV实现图像的全景拼接详细步骤
2021/10/05 Python
iOS 16进一步确认,一共支持16款iPhone
2022/04/28 数码科技