使用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 相关文章推荐
javascript indexOf函数使用说明
Jul 03 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
Sep 09 Javascript
谈谈对offsetleft兼容性的理解
Nov 11 Javascript
WordPress中利用AJAX技术进行评论提交的实现示例
Jan 12 Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
Dec 13 Javascript
EasyUI学习之Combobox下拉列表(1)
Dec 29 Javascript
node作为中间服务层如何发送请求(发送请求的实现方法详解)
Jan 02 Javascript
Vue的elementUI实现自定义主题方法
Feb 23 Javascript
JS实现的3des+base64加密解密算法完整示例
May 18 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
Sep 14 Javascript
微信小程序图片左右摆动效果详解
Jul 13 Javascript
layui table 表格上添加日期控件的两种方法
Sep 28 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
探讨如何把session存入数据库
2013/06/07 PHP
php带抄送和密件抄送的邮件发送方法
2015/03/20 PHP
PHP面向对象编程之深入理解方法重载与方法覆盖(多态)
2015/12/24 PHP
php用户登录之cookie信息安全分析
2016/05/13 PHP
js里的prototype使用示例
2010/11/19 Javascript
javascript动态加载二
2012/08/22 Javascript
javascript 按键事件(兼容各浏览器)
2013/12/20 Javascript
js data日期初始化的5种方法
2013/12/29 Javascript
js判断变量初始化的三种形式及推荐用的形式
2014/07/22 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
2015/03/26 Javascript
jquery实现简单合拢与展开网页面板的方法
2015/09/01 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
2015/12/06 Javascript
分享javascript、jquery实用代码段
2016/10/20 Javascript
vue子父组件通信的实现代码
2017/07/09 Javascript
webpack+vuex+axios 跨域请求数据的示例代码
2018/03/06 Javascript
vue解决弹出蒙层滑动穿透问题的方法
2018/09/22 Javascript
简单了解Javscript中兄弟ifream的方法调用
2019/06/17 Javascript
Vue数字输入框组件的使用方法
2019/10/19 Javascript
Python内置数据结构与操作符的练习题集锦
2016/07/01 Python
DataFrame中去除指定列为空的行方法
2018/04/08 Python
selenium+python自动化测试之页面元素定位
2019/01/23 Python
在Pycharm中调试Django项目程序的操作方法
2019/07/17 Python
树莓派4B+opencv4+python 打开摄像头的实现方法
2019/10/18 Python
Pandas 解决dataframe的一列进行向下顺移问题
2019/12/27 Python
Python实现AES加密,解密的两种方法
2020/10/03 Python
python中子类与父类的关系基础知识点
2021/02/02 Python
HTML5实现视频弹幕功能
2019/08/09 HTML / CSS
美国手工艺品市场的领导者:Annie’s
2019/04/04 全球购物
Happy Socks英国官网:购买五颜六色的袜子
2020/11/03 全球购物
英国鲜花递送:Blossoming Gifts
2020/07/10 全球购物
一套英文Java笔试题面试题
2016/04/21 面试题
最新奶茶店创业计划书范文
2014/02/08 职场文书
学校政风行风整改方案
2014/10/25 职场文书
安全第一课观后感
2015/06/18 职场文书
springboot集成flyway自动创表的详细配置
2021/06/26 Java/Android
MySQL空间数据存储及函数
2021/09/25 MySQL