使用IE的地址欄來輔助調(diào)試Web頁腳本
更新時(shí)間:2007年03月08日 00:00:00 作者:
不小心使用Shift + Left Click去點(diǎn)擊了一個(gè)鏈接目標(biāo)(href)是腳本的超鏈接,結(jié)果卻把是否調(diào)試腳本的對(duì)話框弄了出來。點(diǎn)擊yes居然可以打開調(diào)試這一句腳本,可是這句腳本是哪里來的呢?
回頭看看被新打開的那個(gè)IE,結(jié)果地址欄里就寫著:javascript:open(url)呢。原來IE的地址欄可以使用"JavaScript:"這個(gè)聲明來執(zhí)行腳本也,在試試JavaScript:alert('ok'),果然ok!
好玩的特性,再寫點(diǎn)復(fù)雜的腳本:javascript: var s=''; for( var i=0; i < 10 ; i++ ) s +=i;。結(jié)果是出來了"0123456789",可是執(zhí)行結(jié)果顯示在瀏覽器的主顯示區(qū)域里了,把IE里原有的內(nèi)容弄沒了。要是可以不影響原有的頁面,豈不是可以讀些頁面里的內(nèi)容,修后繼續(xù)提交嗎?其實(shí)可以辦到了,只要保證腳本最有一句是alert(),在瀏覽器里執(zhí)行完腳本后就不會(huì)跳離當(dāng)前頁面的內(nèi)容。例如打開http://www.google.com,在地址欄里輸入:javascript: document.getElementsByTagName('Input')[1].disabled = true; alert('');,會(huì)看見什么呢?不能輸入查詢關(guān)鍵字了吧?
其實(shí)在地址欄里運(yùn)行腳本的作用域就是當(dāng)前頁面的腳本作用域,利用這個(gè)特點(diǎn)我們除了可以簡(jiǎn)單的執(zhí)行腳本語句,還可以輔助我們調(diào)試腳本,比如我希望察看一些變量的值,而我們又不需要進(jìn)入復(fù)雜的調(diào)試模式。下圖就是我調(diào)試popup菜單時(shí)的一個(gè)例子,用這個(gè)辦法可以避免在代碼調(diào)試時(shí)到處寫status=...。
這里我們除了可以在地址欄里寫JavaScript:外,同時(shí)還可以寫vbscirpt: alert("ok!"),ecmascript:和jscirpt。不過ecmascript會(huì)自動(dòng)被轉(zhuǎn)為javascirpt,jscript會(huì)被轉(zhuǎn)為vbscript。
這個(gè)特性雖然簡(jiǎn)單,希望大家都能來玩玩,并且玩出更多的花樣哦。
回頭看看被新打開的那個(gè)IE,結(jié)果地址欄里就寫著:javascript:open(url)呢。原來IE的地址欄可以使用"JavaScript:"這個(gè)聲明來執(zhí)行腳本也,在試試JavaScript:alert('ok'),果然ok!
好玩的特性,再寫點(diǎn)復(fù)雜的腳本:javascript: var s=''; for( var i=0; i < 10 ; i++ ) s +=i;。結(jié)果是出來了"0123456789",可是執(zhí)行結(jié)果顯示在瀏覽器的主顯示區(qū)域里了,把IE里原有的內(nèi)容弄沒了。要是可以不影響原有的頁面,豈不是可以讀些頁面里的內(nèi)容,修后繼續(xù)提交嗎?其實(shí)可以辦到了,只要保證腳本最有一句是alert(),在瀏覽器里執(zhí)行完腳本后就不會(huì)跳離當(dāng)前頁面的內(nèi)容。例如打開http://www.google.com,在地址欄里輸入:javascript: document.getElementsByTagName('Input')[1].disabled = true; alert('');,會(huì)看見什么呢?不能輸入查詢關(guān)鍵字了吧?
其實(shí)在地址欄里運(yùn)行腳本的作用域就是當(dāng)前頁面的腳本作用域,利用這個(gè)特點(diǎn)我們除了可以簡(jiǎn)單的執(zhí)行腳本語句,還可以輔助我們調(diào)試腳本,比如我希望察看一些變量的值,而我們又不需要進(jìn)入復(fù)雜的調(diào)試模式。下圖就是我調(diào)試popup菜單時(shí)的一個(gè)例子,用這個(gè)辦法可以避免在代碼調(diào)試時(shí)到處寫status=...。
這里我們除了可以在地址欄里寫JavaScript:外,同時(shí)還可以寫vbscirpt: alert("ok!"),ecmascript:和jscirpt。不過ecmascript會(huì)自動(dòng)被轉(zhuǎn)為javascirpt,jscript會(huì)被轉(zhuǎn)為vbscript。
這個(gè)特性雖然簡(jiǎn)單,希望大家都能來玩玩,并且玩出更多的花樣哦。
相關(guān)文章
js代碼延遲一定時(shí)間后執(zhí)行一個(gè)函數(shù)的實(shí)例
下面小編就為大家?guī)硪黄猨s代碼延遲一定時(shí)間后執(zhí)行一個(gè)函數(shù)的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
js 函數(shù)的執(zhí)行環(huán)境和作用域鏈的深入解析
在js中對(duì)象的外在表現(xiàn)形式為函數(shù)。2009-11-11
關(guān)于Vue中postcss-pxtorem的使用詳解
在Web開發(fā)領(lǐng)域,響應(yīng)式設(shè)計(jì)已經(jīng)成為一個(gè)不可或缺的趨勢(shì),PostCSS插件——postcss-pxtorem的出現(xiàn)為我們提供了一種更加智能和高效的解決方案,本文將深入探討postcss-pxtorem的使用,包括其背后的原理、配置選項(xiàng)、實(shí)際應(yīng)用中的注意事項(xiàng)等方面,需要的朋友可以參考下2023-12-12
IE6中使用position導(dǎo)致頁面變形的解決方案(js代碼)
IE6中使用position導(dǎo)致頁面變形,影響用戶體驗(yàn),通過搜索可以通過js來實(shí)現(xiàn)。2011-01-01
在線一元二次方程計(jì)算器實(shí)例(方程計(jì)算器在線計(jì)算)
在線一元二次方程式計(jì)算器實(shí)例分享,大家參考使用吧2013-12-12
原生Js實(shí)現(xiàn)簡(jiǎn)易煙花爆炸效果的方法
這篇文章主要介紹了原生Js實(shí)現(xiàn)簡(jiǎn)易煙花爆炸效果的方法,實(shí)例分析了javascript實(shí)現(xiàn)煙花爆炸效果的原理與具體實(shí)現(xiàn)方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
腳本之家貼圖轉(zhuǎn)換+轉(zhuǎn)貼工具用到的js代碼超級(jí)推薦
[紅色]腳本之家貼圖轉(zhuǎn)換+轉(zhuǎn)貼工具用到的js代碼超級(jí)推薦...2007-04-04
ES6 let和const定義變量與常量的應(yīng)用實(shí)例分析
這篇文章主要介紹了ES6 let和const定義變量與常量的應(yīng)用,結(jié)合實(shí)例形式分析了ES6使用let定義變量以及使用const定義常量的相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
詳解微信小程序獲取當(dāng)前時(shí)間及日期的方法
這篇文章主要介紹了微信小程序獲取當(dāng)前時(shí)間及日期的方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04

