使用IE的地址欄來輔助調(diào)試Web頁腳本
更新時間:2007年03月08日 00:00:00 作者:
不小心使用Shift + Left Click去點擊了一個鏈接目標(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í)行完腳本后就不會跳離當前頁面的內(nèi)容。例如打開http://www.google.com,在地址欄里輸入:javascript: document.getElementsByTagName('Input')[1].disabled = true; alert('');,會看見什么呢?不能輸入查詢關(guān)鍵字了吧?
其實在地址欄里運行腳本的作用域就是當前頁面的腳本作用域,利用這個特點我們除了可以簡單的執(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í)行完腳本后就不會跳離當前頁面的內(nèi)容。例如打開http://www.google.com,在地址欄里輸入:javascript: document.getElementsByTagName('Input')[1].disabled = true; alert('');,會看見什么呢?不能輸入查詢關(guān)鍵字了吧?
其實在地址欄里運行腳本的作用域就是當前頁面的腳本作用域,利用這個特點我們除了可以簡單的執(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)文章
js代碼延遲一定時間后執(zhí)行一個函數(shù)的實例
下面小編就為大家?guī)硪黄猨s代碼延遲一定時間后執(zhí)行一個函數(shù)的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
js 函數(shù)的執(zhí)行環(huán)境和作用域鏈的深入解析
在js中對象的外在表現(xiàn)形式為函數(shù)。2009-11-11
關(guān)于Vue中postcss-pxtorem的使用詳解
在Web開發(fā)領(lǐng)域,響應(yīng)式設(shè)計已經(jīng)成為一個不可或缺的趨勢,PostCSS插件——postcss-pxtorem的出現(xiàn)為我們提供了一種更加智能和高效的解決方案,本文將深入探討postcss-pxtorem的使用,包括其背后的原理、配置選項、實際應(yīng)用中的注意事項等方面,需要的朋友可以參考下2023-12-12
IE6中使用position導(dǎo)致頁面變形的解決方案(js代碼)
IE6中使用position導(dǎo)致頁面變形,影響用戶體驗,通過搜索可以通過js來實現(xiàn)。2011-01-01
腳本之家貼圖轉(zhuǎn)換+轉(zhuǎn)貼工具用到的js代碼超級推薦
[紅色]腳本之家貼圖轉(zhuǎn)換+轉(zhuǎn)貼工具用到的js代碼超級推薦...2007-04-04
ES6 let和const定義變量與常量的應(yīng)用實例分析
這篇文章主要介紹了ES6 let和const定義變量與常量的應(yīng)用,結(jié)合實例形式分析了ES6使用let定義變量以及使用const定義常量的相關(guān)操作技巧,需要的朋友可以參考下2019-06-06

