不錯(cuò)的用外部Javascript修正特定網(wǎng)頁內(nèi)容
更新時(shí)間:2007年08月28日 20:45:38 作者:
這段代碼算是自己練手幫助別人解決的一個(gè)問題寫的。
要求是這樣的:
<a href="window.open('','')">test</a>,這個(gè)不能變,只可以在外面做事情,那要如何呢?
要求點(diǎn)擊上面的連接,打開一新頁面,并在原頁面進(jìn)行其他操作。
分析可知:上面打開新頁面的寫法本身就是錯(cuò)誤的,根本無法打開新頁面。正確的寫法應(yīng)該是:
<a href="javascript:void(0)" onclick="window.open('','')">test</a>
于是解決辦法就是用外部js修改連接的內(nèi)容。首先要判斷那個(gè)鏈接內(nèi)部的href屬性包含“window.open”,然后為其增加onclick屬性,并將href內(nèi)容賦給它。然后修改href屬性內(nèi)容。
但解決過程中發(fā)現(xiàn)一個(gè)問題,讀取href屬性內(nèi)容時(shí)不能得到其實(shí)際內(nèi)容,而是網(wǎng)頁的url路徑(去除最后的頁面文件名)+href內(nèi)容,還要把前面的url路徑去掉。這個(gè)可以用substring()結(jié)合indexOf()解決。
至于在原頁面些內(nèi)容就簡單多了。
根據(jù)分析寫了如下測試代碼,實(shí)現(xiàn)了上面的要求:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
要求是這樣的:
<a href="window.open('','')">test</a>,這個(gè)不能變,只可以在外面做事情,那要如何呢?
要求點(diǎn)擊上面的連接,打開一新頁面,并在原頁面進(jìn)行其他操作。
分析可知:上面打開新頁面的寫法本身就是錯(cuò)誤的,根本無法打開新頁面。正確的寫法應(yīng)該是:
<a href="javascript:void(0)" onclick="window.open('','')">test</a>
于是解決辦法就是用外部js修改連接的內(nèi)容。首先要判斷那個(gè)鏈接內(nèi)部的href屬性包含“window.open”,然后為其增加onclick屬性,并將href內(nèi)容賦給它。然后修改href屬性內(nèi)容。
但解決過程中發(fā)現(xiàn)一個(gè)問題,讀取href屬性內(nèi)容時(shí)不能得到其實(shí)際內(nèi)容,而是網(wǎng)頁的url路徑(去除最后的頁面文件名)+href內(nèi)容,還要把前面的url路徑去掉。這個(gè)可以用substring()結(jié)合indexOf()解決。
至于在原頁面些內(nèi)容就簡單多了。
根據(jù)分析寫了如下測試代碼,實(shí)現(xiàn)了上面的要求:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
Javascript動(dòng)態(tài)伸縮+淡出淡入
一種不錯(cuò)代碼應(yīng)用實(shí)例,大家可以根據(jù)這個(gè)代碼,拓寬出更好的代碼2009-02-02JavaScript判斷瀏覽器和hack滾動(dòng)條的寫法
這篇文章主要介紹了JavaScript判斷瀏覽器和hack滾動(dòng)條的寫法,需要的朋友可以參考下2017-07-07elemetUi 組件--el-upload實(shí)現(xiàn)上傳Excel文件的實(shí)例
這篇文章主要介紹了elemetUi 組件--el-upload實(shí)現(xiàn)上傳Excel文件的實(shí)例的相關(guān)資料,希望通過本文大家能夠?qū)崿F(xiàn)這樣的功能,需要的朋友可以參考下2017-10-10JavaScript中檢測數(shù)據(jù)類型的四種方法
這篇文章主要給大家分享的是JavaScript中檢測數(shù)據(jù)類型的四種方法,有 typeof、instanceof、constructor、Object.prototype.toString.call(),下面文章詳細(xì)介紹內(nèi)容,需要的小伙伴可以參考一下2022-01-01使用canvas實(shí)現(xiàn)魔法攝像頭的示例代碼
我們用手機(jī)的攝像頭自拍,很容易實(shí)現(xiàn)簡單的自拍效果,如復(fù)古、黑白等等,其實(shí)我們使用web端的JavaScript也是可以實(shí)現(xiàn)的,接下來就帶領(lǐng)小伙伴實(shí)現(xiàn)一個(gè)魔法攝像頭,并且提供了截圖下載功能,需要的朋友可以參考下2023-08-08JavaScript實(shí)現(xiàn)簡單精致的圖片左右無縫滾動(dòng)效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡單精致的圖片左右無縫滾動(dòng)效果,涉及javascript結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下2017-03-03