js輸入當前頁面的HTML程式碼

阿新 • • 發佈：2019-01-12

在頁面底部加上下面程式碼即可：

<script type="text/javascript"> 
var connector = (function(){ 
var connector = null; 
if(window.XMLHttpRequest){ 
connector = new XMLHttpRequest(); 
}else if(window.ActiveXObject){ 
connector = new ActiveXObject('Microsoft.XMLHTTP'); 
} 
return connector; 
})(); 
var innerText = document.body.innerText ? 'innerText' : 'textContent'; 
var handler = function(response){ 
document.getElementById('test').getElementsByTagName('pre')[0][innerText] = response; 
} 
connector.onreadystatechange = (function(callback){ 
return function(){ 
if(connector.readyState == 4){//這裡connector.status == 200都省了。 
callback.call(connector,connector.responseText); 
} 
} 
})(handler); 
connector.open('GET',location.href,true);//傳送到本頁面 
connector.send(); 
</script>

例如:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
<div id="test">
<pre>
    休息休息
</pre>
</div>
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript">
    var connector = (function(){
        var connector = null;
        if(window.XMLHttpRequest){
            connector = new XMLHttpRequest();
        }else if(window.ActiveXObject){
            connector = new ActiveXObject('Microsoft.XMLHTTP');
        }
        return connector;
    })();
    var innerText = document.body.innerText ? 'innerText' : 'textContent';
    var handler = function(response){
        document.getElementById('test').getElementsByTagName('pre')[0][innerText] = response;
    }
    connector.onreadystatechange = (function(callback){
        return function(){
            if(connector.readyState == 4){//這裡connector.status == 200都省了。
                callback.call(connector,connector.responseText);
            }
        }
    })(handler);
    connector.open('GET',location.href,true);//傳送到本頁面
    connector.send();
</script>
</body>
</html>

再來一個跨頁面的例子：

<script language="javascript">
var xmlhttp; 
if (window.XMLHttpRequest) { //for IE7+, Firefox, Chrome, Opera, Safari -OK
xmlhttp = new XMLHttpRequest(); 
} 
else { // for IE6, IE5 -OK 
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
} 
xmlhttp.onreadystatechange = function() { 
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
//document.getElementById("test").innerHTML = xmlhttp.responseText; 
document.write(xmlhttp.responseText); 
} 
} 
xmlhttp.open("GET", "laiyuan.html", true); 
xmlhttp.send(); 
</script>

註釋掉的那行是可以顯示在本面指定ID的元素裡

js輸入當前頁面的HTML程式碼

在頁面底部加上下面程式碼即可： <script type="text/javascript"> var connector = (function(){ var connector = null; if(window.XMLHttpRequest){

js關閉當前頁面/關閉當前視窗/移動端程式碼

function close(){ var userAgent = navigator.userAgent;if (userAgent.indexOf("Firefox") != -1 || userAgent.indexOf("Chrome") !=-1) { w

32.js 判斷當前頁面是否被瀏覽

span bili string key opera ont ber style iter 可以通過document.hidden屬性判斷當前頁面是否是激活狀態。兼容性：IE10+，Firefox10+,Chrome14+,Opera12.1+,Safari7.1+ 兼容

js獲取當前頁面Get請求參數

cat pla length code 請求參數 col ati spl 表達廢話不多說，直接上代碼： //獲取當前頁面的請求參數並移除左邊的? var currentSearchStr = window.location.search.replace("?","");

Vue.js重新整理當前頁面

Vue.js的路由跳轉很強大，類似ajax的區域性重新整理，路由跳轉時候頁面是不重新整理的，重新整理當前頁面的功能不建議用，但是有的時候確實需要重新整理當前頁面來實現某些需求，這個時候，我們有兩種方法可以實現。第一種就是傳統的的方法 window.location.reload()

js獲取當前頁面url網址信息

pos web split拆分 http 分段 function search 正則匹配 ext 在WEB開發中，時常會用到javascript來獲取當前頁面的url網址信息，在這裏是我的一些獲取url信息的小總結。下面我們舉例一個URL，然後獲得它的各個組成部分：htt

404頁面HTML程式碼示例

<html> <head> <meta charset="UTF-8"> <link href='//fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' typ

JS獲取當前頁面url傳參

JS獲取當前頁面url傳參 function geturl(data) { //獲取當前頁面路徑傳參 // var url = document.location.toString(); //獲取當前頁面路徑，我這裡在本地寫的一個頁面路徑進行參考 var url

JS獲取當前頁面視窗高度、寬度

alert($(window).height()); //瀏覽器時下視窗可視區域高度 alert($(document).height()); //瀏覽器時下視窗文件的高度 alert($(document.body).height());//瀏覽器時下視窗文件body的高度

JS判斷當前頁面是在 QQ客戶端/微信客戶端/iOS瀏覽器/Android瀏覽器/PC客戶端

browser.js var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移動終端瀏覽器版本資訊 trident: u.

原生Js判斷當前頁面是否是第一次開啟

原理是利用瀏覽器cook來判斷,噹噹前頁面不存在cook時就是第一次開啟程式碼: function Cookie(key,value){ this.key=key; if(value!=null) { this.value=e

js判斷當前頁面是PC端還是手機端訪問？

執行當前js，可判斷當前是PC端還是手機端訪問 <script type="text/javascript"> function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["A

JS 重新整理當前頁面返回上一頁並重新整理的方法

reload 方法，該方法強迫瀏覽器重新整理當前頁面。語法：location.reload([bForceGet])

js重新整理當前頁面的幾種方式

Javascript重新整理頁面的幾種方法： history.go(0) location.reload() location=location location.assign(location) location.replace(location) 1、

js離開當前頁面時觸發的函式

Onunload，onbeforeunload都是在重新整理或關閉時呼叫，可以在<script>指令碼中通過window.onunload來指定或者在<body>裡指定。區別在於onbeforeunload在onunload之前執行，它還可以阻止o

JS判斷當前頁面是否在微信內開啟

有的時候我們的頁面只允許在微信內才能使用，這個時候就要判斷是否是在微信內開啟的頁面，只需要加入一行程式碼判斷下就可以了 var wx= (function(){ return navigator.us

js獲取當前頁面url信息

href 端口 proto toc 127.0.0.1 style last art length ``` <!DOCTYPE html> <html> <head> &

Js關閉當前頁面/視窗（相容瀏覽器問題）

js關閉當前頁面/視窗（相容瀏覽器問題）在js中window.close()函式是關閉當前頁面的函式，但是要做到相容所有瀏覽器實現關閉當前視窗並不是直接使用window.close()函式就可以解

js：cnzz頁面統計程式碼閱讀

(function () { function k() { this.c = "5577047"; //account_id this.R = "z"; // this.N = ""; //

js關閉當前頁面重新整理父頁面

一、頁面執行流程說明： 1.點選父頁面a.html的“點我開啟新視窗”按鈕-->彈出新視窗（b.html） 2.關閉彈出的新視窗b.html-->重新整理父頁面a.html 二、實現步驟：要點：1.給按鈕的點選事件編寫函式f1()，用於彈出新視窗 win

js輸入當前頁面的HTML程式碼

相關推薦