不錯(cuò)的用外部Javascript修正特定網(wǎng)頁(yè)內(nèi)容
更新時(shí)間：2007年08月28日 20:45:38 作者：
這段代碼算是自己練手幫助別人解決的一個(gè)問(wèn)題寫(xiě)的。
要求是這樣的：
<a href="window.open('','')">test</a>，這個(gè)不能變，只可以在外面做事情，那要如何呢？
要求點(diǎn)擊上面的連接，打開(kāi)一新頁(yè)面，并在原頁(yè)面進(jìn)行其他操作。
分析可知：上面打開(kāi)新頁(yè)面的寫(xiě)法本身就是錯(cuò)誤的，根本無(wú)法打開(kāi)新頁(yè)面。正確的寫(xiě)法應(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)容。
但解決過(guò)程中發(fā)現(xiàn)一個(gè)問(wèn)題，讀取href屬性內(nèi)容時(shí)不能得到其實(shí)際內(nèi)容，而是網(wǎng)頁(yè)的url路徑（去除最后的頁(yè)面文件名）＋href內(nèi)容，還要把前面的url路徑去掉。這個(gè)可以用substring()結(jié)合indexOf()解決。
至于在原頁(yè)面些內(nèi)容就簡(jiǎn)單多了。
根據(jù)分析寫(xiě)了如下測(cè)試代碼，實(shí)現(xiàn)了上面的要求：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
要求是這樣的：
<a href="window.open('','')">test</a>，這個(gè)不能變，只可以在外面做事情，那要如何呢？
要求點(diǎn)擊上面的連接，打開(kāi)一新頁(yè)面，并在原頁(yè)面進(jìn)行其他操作。
分析可知：上面打開(kāi)新頁(yè)面的寫(xiě)法本身就是錯(cuò)誤的，根本無(wú)法打開(kāi)新頁(yè)面。正確的寫(xiě)法應(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)容。
但解決過(guò)程中發(fā)現(xiàn)一個(gè)問(wèn)題，讀取href屬性內(nèi)容時(shí)不能得到其實(shí)際內(nèi)容，而是網(wǎng)頁(yè)的url路徑（去除最后的頁(yè)面文件名）＋href內(nèi)容，還要把前面的url路徑去掉。這個(gè)可以用substring()結(jié)合indexOf()解決。
至于在原頁(yè)面些內(nèi)容就簡(jiǎn)單多了。
根據(jù)分析寫(xiě)了如下測(cè)試代碼，實(shí)現(xiàn)了上面的要求：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
圖片該如何優(yōu)化來(lái)提高網(wǎng)站性能
這篇文章主要介紹了圖片該如何優(yōu)化來(lái)提高網(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)條的寫(xiě)法
這篇文章主要介紹了JavaScript判斷瀏覽器和hack滾動(dòng)條的寫(xiě)法,需要的朋友可以參考下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)資料,希望通過(guò)本文大家能夠?qū)崿F(xiàn)這樣的功能，需要的朋友可以參考下2017-10-10
JavaScript中最簡(jiǎn)潔的編碼html字符串的方法
這篇文章主要介紹了JavaScript中最簡(jiǎn)潔的編碼html字符串的方法,非常非常簡(jiǎn)潔的一個(gè)方法,小編親測(cè)可用,需要的朋友可以參考下2014-10-10
最近使用echarts做的一個(gè)H5的成績(jī)數(shù)據(jù)報(bào)告,里面使用了雷達(dá)圖已經(jīng)折線圖和柱狀圖,下面這篇文章主要給大家介紹了關(guān)于如何利用echarts畫(huà)雷達(dá)圖和折柱混合的相關(guān)資料,需要的朋友可以參考下2022-04-04
JavaScript中檢測(cè)數(shù)據(jù)類(lèi)型的四種方法
這篇文章主要給大家分享的是JavaScript中檢測(cè)數(shù)據(jù)類(lèi)型的四種方法，有 typeof、instanceof、constructor、Object.prototype.toString.call()，下面文章詳細(xì)介紹內(nèi)容，需要的小伙伴可以參考一下2022-01-01
使用canvas實(shí)現(xiàn)魔法攝像頭的示例代碼
我們用手機(jī)的攝像頭自拍,很容易實(shí)現(xiàn)簡(jiǎn)單的自拍效果,如復(fù)古、黑白等等,其實(shí)我們使用web端的JavaScript也是可以實(shí)現(xiàn)的,接下來(lái)就帶領(lǐng)小伙伴實(shí)現(xiàn)一個(gè)魔法攝像頭,并且提供了截圖下載功能,需要的朋友可以參考下2023-08-08
JavaScript實(shí)現(xiàn)簡(jiǎn)單精致的圖片左右無(wú)縫滾動(dòng)效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單精致的圖片左右無(wú)縫滾動(dòng)效果,涉及javascript結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,需要的朋友可以參考下2017-03-03