js怎麼替換網頁,js替換html內容

本文目錄一覽:

求幫忙寫個js腳本替換網頁內容

簡單的處理方法:

window.onload = function () {

    // title

    var t = document.getElementsByTagName(‘title’);

    if (!!t) {

        t = t[0];

        t.innerHTML = t.innerHTML.replace(/好/g, ‘不好’);

    }

    // content

    document.body.innerHTML = document.body.innerHTML.replace(/下雨/g, ‘下雪’);

    document.body.innerHTML = document.body.innerHTML.replace(/專業/g, ‘職業’);

    document.body.innerHTML = document.body.innerHTML.replace(/輸入/g, ‘輸出’);

}

把這段保存到一個js文件,然後在你要替換的頁面包含就可以了。要注意的是編碼的問題,為了讓不同編碼的網頁都能處理,這段js中的中文可以嘗試使用 Unicode 編碼。

javascript如何實現輕鬆替換網頁的一段代碼

把源代碼下載下來,直接使用dreamweaver /Miscrosoft visual studio等網頁開發軟件進行批量替換。

Js是不可能的啦,js是在你本地運行的,源代碼是存放在服務器上的。不同的地方,沒有權限。如果你想用程序實現,那就等於自己做一個批量替換的功能了,服務端讀取文件修改。主要還是看情況吧,改一次建議還是下載下來吧。

用js替換網頁元素內容

原生JS寫法(需要IE8以上)

var a = document.querySelectorAll(‘.usrTx-login .login0201’)[0];

a.innerHTML = ‘登~錄~’;  //替換為你的字

jQuery寫法(支持所有瀏覽器,需要先引入jQuery庫)

$(‘.usrTx-login .login0201’).html(‘登~錄~’);  //替換為你的字

如何用javascript全部替換網頁內某個字符串

步驟:

1、 通過正則表達式,實現replaceAll的功能

2、通過body.innerHTML獲取網頁信息

3、替換body中的內容,再賦值給body

示例:

body

p測試/p

/body

script type=”text/javascript”

String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) {

  //自定義replaceAll方法,reallyDo:被搜索的子字符串。replaceWith:用於替換的子字符串

    if (!RegExp.prototype.isPrototypeOf(reallyDo)) {

        return this.replace(new RegExp(reallyDo, (ignoreCase ? “gi”: “g”)), replaceWith);

    } else {

        return this.replace(reallyDo, replaceWith);

    }

}

/script

script

  var bd = document.getElementsByTagName(‘body’)[0];//獲取body節點

  var s = new String(bd.innerHTML);//獲取body的html信息

  var a = s.replaceAll(‘p’,’div’);//把節點p替換成div

  delete s;//釋放變量s

  bd.innerHTML = a;//更新body的html信息

  delete a;//釋放變量a

/script

js中歷史網頁中怎麼把上一個頁面換成另一個頁面

js是沒有更改瀏覽歷史url和獲取從上一頁開的url地址的,您可以使用window.location.replace(url);來重置瀏覽歷史,

window.location.replace不在瀏覽器中保存跳轉前的網址,因此按返回鍵將無效;

例子:

有 3個jsp頁面(1.jsp, 2.jsp, 3.jsp),進系統默認的是1.jsp ,當我進入2.jsp的時候, 2.jsp裏面用window.location.replace(“3.jsp”);與用window.location.href(“3.jsp”);從用戶界面來看是沒有什麼區別的,但是當3.jsp頁面有一個「返回」按鈕,調用 window.history.go(-1);wondow.history.back();方法的時候,一點這個返回按鈕就要返回2.jsp頁面的話,區別就出來了,當用window.location.replace(“3.jsp”);連到3.jsp頁面的話,3.jsp頁面中的調用 window.history.go(-1);wondow.history.back();方法是不好用的,會返回到1.jsp 。當用window.location.href(“3.jsp”);連到3.jsp頁面的話,3.jsp頁面中的調用 window.history.go(-1);wondow.history.back();方法是好用的,會返回2.jsp。因為window.location.replace(“3.jsp”);是 不向服務器發送請求的跳轉,而window.history.go(-1);wondow.history.back(); 方法是根據服務器記錄的請求決定該跳到哪個頁面的,所以會跳到系統默認頁面1.jsp 。window.location.href(“3.jsp”);是向服務 器發送請求的跳轉,window.history.go(-1);wondow.history.back(); 方法是根據服務器記錄的請求決定該跳到哪個頁面的,所以就可以返回到2.jsp。

原創文章,作者:ROVTS,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/329649.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
ROVTS的頭像ROVTS
上一篇 2025-01-14 18:55
下一篇 2025-01-14 18:55

相關推薦

  • JS Proxy(array)用法介紹

    JS Proxy(array)可以說是ES6中非常重要的一個特性,它可以代理一個數組,監聽數據變化並進行攔截、處理。在實際開發中,使用Proxy(array)可以方便地實現數據的監…

    編程 2025-04-29
  • Python渲染HTML庫

    Python渲染HTML庫指的是能夠將Python中的數據自動轉換為HTML格式的Python庫。HTML(超文本標記語言)是用於創建網頁的標準標記語言。渲染HTML庫使得我們可以…

    編程 2025-04-29
  • Python七年級內容用法介紹

    本文將從多個方面對Python七年級內容進行詳細闡述。 一、安裝Python 要使用Python進行編程,首先需要在計算機上安裝Python。Python可以在官網上免費下載。下載…

    編程 2025-04-29
  • 解析js base64並轉成unit

    本文將從多個方面詳細介紹js中如何解析base64編碼並轉成unit格式。 一、base64編碼解析 在JavaScript中解析base64編碼可以使用atob()函數,它會將b…

    編程 2025-04-29
  • Node.js使用Body-Parser處理HTTP POST請求時,特殊字符無法返回的解決方法

    本文將解決Node.js使用Body-Parser處理HTTP POST請求時,特殊字符無法返回的問題。同時,給出一些相關示例代碼,以幫助讀者更好的理解並處理這個問題。 一、問題解…

    編程 2025-04-29
  • python爬取網頁並生成表格

    本文將從以下幾個方面詳細介紹如何使用Python爬取網頁數據並生成表格: 一、獲取網頁數據 獲取網頁數據的一般思路是通過HTTP請求獲取網頁內容,最常用的方式是使用Python庫r…

    編程 2025-04-28
  • 網頁防篡改的重要性和市場佔有率

    網頁防篡改對於保護網站安全和用戶利益至關重要,而市場上針對網頁防篡改的產品和服務也呈現出不斷增長的趨勢。 一、市場佔有率 據不完全統計,目前全球各類網頁防篡改產品和服務的市場規模已…

    編程 2025-04-28
  • t3.js:一個全能的JavaScript動態文本替換工具

    t3.js是一個非常流行的JavaScript動態文本替換工具,它是一個輕量級庫,能夠很容易地實現文本內容的遞增、遞減、替換、切換以及其他各種操作。在本文中,我們將從多個方面探討t…

    編程 2025-04-28
  • Python獲取Flutter上內容的方法及操作

    本文將從以下幾個方面介紹Python如何獲取Flutter上的內容: 一、獲取Flutter應用數據 使用Flutter提供的Platform Channel API可以很容易地獲…

    編程 2025-04-28
  • Python少兒編程的學習內容

    Python被譽為是最適合新手入門的編程語言之一,它簡潔易懂,同時涵蓋了廣泛的編程知識。Python的少兒編程課程也因其易學性和實用性越來越受到家長和孩子們的歡迎。接下來我們將從多…

    編程 2025-04-28

發表回復

登錄後才能評論