使用IE的地址欄來輔助調(diào)試Web頁腳本
更新時間：2007年03月08日 00:00:00 作者：
不小心使用Shift + Left Click去點擊了一個鏈接目標(biāo)(href)是腳本的超鏈接，結(jié)果卻把是否調(diào)試腳本的對話框弄了出來。點擊yes居然可以打開調(diào)試這一句腳本，可是這句腳本是哪里來的呢？
回頭看看被新打開的那個IE，結(jié)果地址欄里就寫著：javascript:open(url)呢。原來IE的地址欄可以使用"JavaScript:"這個聲明來執(zhí)行腳本也，在試試JavaScript:alert('ok')，果然ok!
好玩的特性，再寫點復(fù)雜的腳本：javascript: var s=''; for( var i=0; i < 10 ; i++ ) s +=i;。結(jié)果是出來了"0123456789"，可是執(zhí)行結(jié)果顯示在瀏覽器的主顯示區(qū)域里了，把IE里原有的內(nèi)容弄沒了。要是可以不影響原有的頁面，豈不是可以讀些頁面里的內(nèi)容，修后繼續(xù)提交嗎？其實可以辦到了，只要保證腳本最有一句是alert()，在瀏覽器里執(zhí)行完腳本后就不會跳離當(dāng)前頁面的內(nèi)容。例如打開http://www.google.com，在地址欄里輸入：javascript: document.getElementsByTagName('Input')[1].disabled = true; alert('');，會看見什么呢？不能輸入查詢關(guān)鍵字了吧？
其實在地址欄里運行腳本的作用域就是當(dāng)前頁面的腳本作用域，利用這個特點我們除了可以簡單的執(zhí)行腳本語句，還可以輔助我們調(diào)試腳本，比如我希望察看一些變量的值，而我們又不需要進入復(fù)雜的調(diào)試模式。下圖就是我調(diào)試popup菜單時的一個例子，用這個辦法可以避免在代碼調(diào)試時到處寫status=...。
這里我們除了可以在地址欄里寫JavaScript:外，同時還可以寫vbscirpt: alert("ok!")，ecmascript:和jscirpt。不過ecmascript會自動被轉(zhuǎn)為javascirpt，jscript會被轉(zhuǎn)為vbscript。
這個特性雖然簡單，希望大家都能來玩玩，并且玩出更多的花樣哦。
回頭看看被新打開的那個IE，結(jié)果地址欄里就寫著：javascript:open(url)呢。原來IE的地址欄可以使用"JavaScript:"這個聲明來執(zhí)行腳本也，在試試JavaScript:alert('ok')，果然ok!
好玩的特性，再寫點復(fù)雜的腳本：javascript: var s=''; for( var i=0; i < 10 ; i++ ) s +=i;。結(jié)果是出來了"0123456789"，可是執(zhí)行結(jié)果顯示在瀏覽器的主顯示區(qū)域里了，把IE里原有的內(nèi)容弄沒了。要是可以不影響原有的頁面，豈不是可以讀些頁面里的內(nèi)容，修后繼續(xù)提交嗎？其實可以辦到了，只要保證腳本最有一句是alert()，在瀏覽器里執(zhí)行完腳本后就不會跳離當(dāng)前頁面的內(nèi)容。例如打開http://www.google.com，在地址欄里輸入：javascript: document.getElementsByTagName('Input')[1].disabled = true; alert('');，會看見什么呢？不能輸入查詢關(guān)鍵字了吧？
其實在地址欄里運行腳本的作用域就是當(dāng)前頁面的腳本作用域，利用這個特點我們除了可以簡單的執(zhí)行腳本語句，還可以輔助我們調(diào)試腳本，比如我希望察看一些變量的值，而我們又不需要進入復(fù)雜的調(diào)試模式。下圖就是我調(diào)試popup菜單時的一個例子，用這個辦法可以避免在代碼調(diào)試時到處寫status=...。
這里我們除了可以在地址欄里寫JavaScript:外，同時還可以寫vbscirpt: alert("ok!")，ecmascript:和jscirpt。不過ecmascript會自動被轉(zhuǎn)為javascirpt，jscript會被轉(zhuǎn)為vbscript。
這個特性雖然簡單，希望大家都能來玩玩，并且玩出更多的花樣哦。
相關(guān)文章
本文詳細介紹javascript哈希表的實例分析及用法。下面就跟小編一起來學(xué)習(xí)下吧2016-11-11
在客戶端存儲數(shù)據(jù)時，我們一般都用cookie(不敏感數(shù)據(jù))，但是在客戶端越來越富的今天，cookie可存儲的量(每個域最大4k)實在是小,已經(jīng)滿足不了我們的需求2012-11-11
javaScript之split與join的區(qū)別(詳解)
下面小編就為大家?guī)硪黄猨avaScript之split與join的區(qū)別(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
本文代碼使用 JavaScript。 一些同學(xué)對遞歸的理解還停留在“是一種求階乘比循環(huán)低效的方法”。但其實遞歸和循環(huán)處理的問題是不同。拿“遍歷數(shù)組”這個問題來說：循環(huán)適合同一維度（單層長度不限）上的遍歷，而遞歸則適合跨維度（層數(shù)不限）的遍歷。2013-02-02
這篇文章主要為大家詳細介紹了Bootstrap表單的基礎(chǔ)知識，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
jquery+css3實現(xiàn)網(wǎng)頁背景花瓣隨機飄落特效
在qq空間可以自定義一些插件，裝飾空間，大家通常就是復(fù)制代碼到空間粘貼，會實現(xiàn)非常美觀的效果，有的會隨機飄落一些花瓣，那么這種效果用代碼怎么實現(xiàn)的呢，下面小編給大家詳解jquery實現(xiàn)網(wǎng)頁背景花瓣隨機飄落特效，需要的朋友可以參考下2015-08-08
本篇文章介紹鼠標(biāo)移入移出改變CSS樣式的實例演示，需要的朋友可以參考一下2013-06-06
這篇文章主要介紹了小程序?qū)崿F(xiàn)橫向滑動日歷效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
這篇文章主要介紹了JavaScript中for循環(huán)的所有用法，文章通過詳細的代碼示例介紹JavaScript中的所有for循環(huán)，感興趣的同學(xué)可以跟著小編一起來學(xué)習(xí)2023-05-05
JS將滑動門改為選項卡（需鼠標(biāo)點擊）的實現(xiàn)方法
這篇文章主要介紹了JS將滑動門改為選項卡（需鼠標(biāo)點擊）的實現(xiàn)方法,涉及JavaScript頁面元素遍歷及樣式替換的相關(guān)技巧,再通過onmouseover與onclick即可分別實現(xiàn)滑動門與選項卡兩種效果,需要的朋友可以參考下2015-09-09