使用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实现的页内搜索代码
May 23 Javascript
没有document.getElementByName方法
Aug 19 Javascript
jquery自定义右键菜单、全选、不连续选择
Mar 01 Javascript
基于JS实现移动端访问PC端页面时跳转到对应的移动端网页
Dec 24 Javascript
浅谈Node.js:理解stream
Dec 08 Javascript
利用yarn代替npm管理前端项目模块依赖的方法详解
Sep 04 Javascript
vue之将echart封装为组件
Jun 02 Javascript
原生js实现抽奖小游戏
Jun 27 Javascript
Vue 自定义标签的src属性不能使用相对路径的解决
Sep 17 Javascript
详解如何在Vue项目中发送jsonp请求
Oct 25 Javascript
微信小程序实现吸顶效果
Jan 08 Javascript
js实现弹窗猜数字游戏
Nov 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
PHP设计聊天室步步通
2006/10/09 PHP
PHP 设置MySQL连接字符集的方法
2011/01/02 PHP
PHP独立Session数据库存储操作类分享
2014/06/11 PHP
php版本的cron定时任务执行器使用实例
2014/08/19 PHP
PHP基于数组实现的分页函数实例
2014/08/20 PHP
php中mkdir()函数的权限问题分析
2016/09/24 PHP
PHP递归的三种常用方式
2019/02/28 PHP
Google Map API更新实现用户自定义标注坐标
2009/07/29 Javascript
javascript分页代码实例分享(js分页)
2013/12/13 Javascript
javascript实现按回车键切换焦点
2015/02/09 Javascript
基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
2015/09/21 Javascript
JS实现获取键盘按下的按键并显示在页面上的方法
2015/11/04 Javascript
JavaScript html5 canvas绘制时钟效果(二)
2016/03/27 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
2016/05/10 Javascript
JavaScript中Array对象用法实例总结
2016/11/29 Javascript
手机端js和html5刮刮卡效果
2020/09/29 Javascript
浅谈Vue-cli 命令行工具分析
2017/11/22 Javascript
Vue 拦截器对token过期处理方法
2018/01/23 Javascript
vue项目中跳转到外部链接的实例讲解
2018/09/20 Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
2019/11/17 Javascript
Python CSV模块使用实例
2015/04/09 Python
在python中做正态性检验示例
2019/12/09 Python
Python GUI编程学习笔记之tkinter事件绑定操作详解
2020/03/30 Python
HTML5语音识别标签写法附图
2013/11/18 HTML / CSS
英国奢侈品网站:MatchesFashion
2016/12/16 全球购物
微软中国官方商城:Microsoft Store中国
2018/10/12 全球购物
酒店工作职员求职简历的自我评价
2013/10/23 职场文书
试用期自我鉴定范文
2014/03/20 职场文书
大学英语专业求职信
2014/06/21 职场文书
中国梦读书活动总结
2014/07/10 职场文书
委托书怎么写
2014/07/31 职场文书
2014年中秋节活动总结
2014/08/29 职场文书
2014年服务员工作总结
2014/11/18 职场文书
如何书写邀请函?
2019/06/24 职场文书
高中16字霸气押韵班级口号集锦!
2019/06/27 职场文书
一文带你探究MySQL中的NULL
2021/11/11 MySQL