使用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 字符串乘法
Aug 20 Javascript
DB.ASP 用Javascript写ASP很灵活很好用很easy
Jul 31 Javascript
基于javascript的JSON格式页面展示美化方法
Jul 02 Javascript
JavaScript中String.prototype用法实例
May 20 Javascript
Bootstrap Modal遮罩弹出层(完整版)
Nov 21 Javascript
微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义实例
Dec 08 Javascript
jquery仿苹果的时间/日期选择效果
Mar 08 Javascript
jQuery+PHP+Mysql实现抽奖程序
Apr 12 jQuery
元素全屏的设置与监听实例
Nov 28 Javascript
Node.js从字符串生成文件流的实现方法
Aug 18 Javascript
javascript读取本地文件和目录方法详解
Aug 06 Javascript
vue的$http的get请求要加上params操作
Nov 12 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中常用编辑器推荐
2007/01/02 PHP
PHP中通过加号合并数组的一个简单方法分享
2011/01/27 PHP
php提交过来的数据生成为txt文件
2016/04/28 PHP
浅谈PHP值mysql操作类
2016/06/29 PHP
PHP中实现中文字串截取无乱码的解决方法
2018/05/29 PHP
JavaScript多线程的实现方法
2007/05/08 Javascript
Javascript string 扩展库代码
2010/04/09 Javascript
基于jQuery架构javascript基础体系
2011/01/01 Javascript
javascript基础之查找元素的详细介绍(访问节点)
2013/07/05 Javascript
jquery京东商城双11焦点图多图广告特效代码分享
2015/09/06 Javascript
AngularJS实现全选反选功能
2015/12/08 Javascript
JS实现的颜色实时渐变效果完整实例
2016/03/25 Javascript
vue实现列表的添加点击
2016/12/29 Javascript
浅谈用Webpack路径压缩图片上传尺寸获取的问题
2018/02/22 Javascript
浅谈node中的cluster集群
2018/06/02 Javascript
详解Vue、element-ui、axios实现省市区三级联动
2019/05/07 Javascript
JS实现简单的文字无缝上下滚动功能示例
2019/06/22 Javascript
javascript面向对象创建对象的方式小结
2019/07/29 Javascript
Nuxt页面级缓存的实现
2020/03/09 Javascript
[01:08:30]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant BO3 第一场 2月28日
2021/03/11 DOTA
python服务器与android客户端socket通信实例
2014/11/12 Python
Python字符串详细介绍
2015/05/09 Python
Python在图片中插入大量文字并且自动换行
2019/01/02 Python
将python图片转为二进制文本的实例
2019/01/24 Python
python爬虫之遍历单个域名
2019/11/20 Python
canvas使用注意点总结
2013/07/19 HTML / CSS
意大利自行车商店:Cingolani Bike Shop
2019/09/03 全球购物
留学经费担保书
2014/05/12 职场文书
区域销售主管岗位职责
2014/06/15 职场文书
IT工程师岗位职责
2014/07/04 职场文书
志愿者个人总结
2015/03/03 职场文书
穷人该怎么创业?谨记以下几点
2019/07/11 职场文书
python实现简单的名片管理系统
2021/04/26 Python
goland设置颜色和字体的操作
2021/05/05 Golang
MySQL子查询中order by不生效问题的解决方法
2021/08/02 MySQL
微信小程序中使用vant框架的具体步骤
2022/02/18 Javascript