不錯(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)文章
這篇文章主要介紹了圖片該如何優(yōu)化來提高網(wǎng)站性能，對(duì)網(wǎng)站性能感興趣的同學(xué)，可以參考下2021-05-05
Javascript動(dòng)態(tài)伸縮+淡出淡入
一種不錯(cuò)代碼應(yīng)用實(shí)例，大家可以根據(jù)這個(gè)代碼，拓寬出更好的代碼2009-02-02
JavaScript判斷瀏覽器和hack滾動(dòng)條的寫法
這篇文章主要介紹了JavaScript判斷瀏覽器和hack滾動(dòng)條的寫法,需要的朋友可以參考下2017-07-07
這篇文章主要為大家詳細(xì)介紹了Js獲取當(dāng)前日期時(shí)間及格式化代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
elemetUi 組件--el-upload實(shí)現(xiàn)上傳Excel文件的實(shí)例
這篇文章主要介紹了elemetUi 組件--el-upload實(shí)現(xiàn)上傳Excel文件的實(shí)例的相關(guān)資料,希望通過本文大家能夠?qū)崿F(xiàn)這樣的功能，需要的朋友可以參考下2017-10-10
這篇文章主要介紹了JavaScript中最簡潔的編碼html字符串的方法,非常非常簡潔的一個(gè)方法,小編親測可用,需要的朋友可以參考下2014-10-10
最近使用echarts做的一個(gè)H5的成績數(shù)據(jù)報(bào)告,里面使用了雷達(dá)圖已經(jīng)折線圖和柱狀圖,下面這篇文章主要給大家介紹了關(guān)于如何利用echarts畫雷達(dá)圖和折柱混合的相關(guān)資料,需要的朋友可以參考下2022-04-04
JavaScript中檢測數(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-08
JavaScript實(shí)現(xiàn)簡單精致的圖片左右無縫滾動(dòng)效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡單精致的圖片左右無縫滾動(dòng)效果,涉及javascript結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下2017-03-03