js控制網頁代碼(在線js控制台)

  • 1、js能不能控制其他網頁上的html代碼
  • 2、使用原生JS操作網頁的幾個例子
  • 3、如何用JS控制網頁字體大小,使其能夠自適應屏幕大小
  • 4、網頁上的“上一頁,下一頁”JS代碼怎麼寫?
  • 5、求js代碼:用鍵盤控制網頁內容的隱藏和顯示
  • 6、MFC中 IE編程 如何控制網頁JS代碼的執行

可以,用foxfire或chrome,然後裝上greasemonkey插件,用firebug分析網站登錄需要的參數,然後用ajax提交到登錄的url,所有代碼寫到greasemonkey里,注意兩點

1、javascript的ajax不能跨域,所以需要打開登錄的網站,用greasemonkey自動執行js

2、如果網站有驗證碼就比較麻煩了,可以調用第三方接口,解析驗證碼

原生js操作網頁

emmm

添加網頁元素

移除網頁元素

代碼

!DOCTYPE html

html lang=”en”

head

    meta charset=”UTF-8″

    titleTitle/title

/head

style

    div{

        border: 1px solid black;

        width: 100px;

        height: 100px;

        text-align: center;

    }

/style

body

divdiv1/div

divdiv2/div

script

    var div = document.createElement(“div”);

    div.innerText = “這是使用js添加的元素”;

    //添加一個div元素

 document.body.appendChild(div);

    alert(“3秒後移除div1”);

    //移除html元素

 setTimeout(function () {

        var divList = document.getElementsByTagName(“div”);

        divList[0].remove();

    },3000);

/script

/body

/html

這兩個很基礎,其實所有其他js庫(jquery之類的)能做的事情原生js都能做。

1.首先,在網頁代碼的頭部,加入一行viewport元標籤。

viewport是網頁默認的寬度和高度,上面這行代碼的意思是,網頁寬度默認等於屏幕寬度(width=device-width),原始縮放比例(initial-scale=1)為1.0,即網頁初始大小占屏幕面積的100%。

所有主流瀏覽器都支持這個設置,包括IE9,對於那些老式瀏覽器(主要是IE6、7、8),需要使用css3-mediaqueries.js。

2、不使用絕對寬度由於網頁會根據屏幕寬度調整布局,所以不能使用絕對寬度的布局,也不能使用具有絕對寬度的元素。這一條非常重要。具體說,CSS代碼不能指定像素寬度:width:xxx px;

只能指定百分比寬度:width: xx%;或者width:auto;

3、相對大小的字體

字體也不能使用絕對大小(px),而只能使用相對大小(em)。

body {

font: normal 100% Helvetica, Arial, sans-serif;

}

上面的代碼指定,字體大小是頁面默認大小的100%,即16像素。

h1 {

font-size: 1.5em;

}

然後,h1的大小是默認大小的1.5倍,即24像素(24/16=1.5)。

small {

font-size: 0.875em;

}

small元素的大小是默認大小的0.875倍,即14像素(14/16=0.875)。

需要準備的材料分別有:電腦、html編輯器、瀏覽器。

1、首先,打開html編輯器,新建html文件,例如:index.html。

2、在index.html中的script標籤,輸入js代碼:

var a = parseInt(location.href.split(‘?’)[1].split(‘=’)[1]);

$(‘body’).append(‘a href=”index?page=’ + (a – 1) + ‘”上一頁/a’);

$(‘body’).append(‘a href=”index?page=’ + (a + 1) + ‘”下一頁/a’);

3、瀏覽器運行index.html?page=5頁面,此時js會生成出上一頁和下一頁及其鏈接。

添加body.onkeydown事件,不能寫在body前面。

var nowId = 0;

document.body.onkeydown = function() {

if (event.keyCode == 38  nowId  0) {

display(nowId–);

} else if (event.keyCode == 40  nowId  10) {

display(++nowId);

}

}

1、你需要了解mshtml,使用mshtml那套接口,可以動態修改頁面上的html當然也包括頁面上的javascript代碼

2、這個問題一般是因為網頁中使用了一些js代碼,而ie的默認安全級別過高導致運行js時需要經過准許才可以。下面是IE的設置方法。

3、打開IE-工具-Internet選項-安全-自定義級別-腳本-活動腳本啟用

4、打開IE-工具-Internet選項-高級-安全-允許活動內容在我的機器上運行

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

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
V1Y39的頭像V1Y39
上一篇 2024-10-03 23:13
下一篇 2024-10-03 23:13

相關推薦

  • JS Proxy(array)用法介紹

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

    編程 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
  • t3.js:一個全能的JavaScript動態文本替換工具

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

    編程 2025-04-28
  • Python在線編輯器的優勢與實現方式

    Python在線編輯器是Python語言愛好者的重要工具之一,它可以讓用戶方便快捷的在線編碼、調試和分享代碼,無需在本地安裝Python環境。本文將從多個方面對Python在線編輯…

    編程 2025-04-28
  • Python接收控制台輸入

    本文將圍繞Python在控制台接收輸入的相關內容進行介紹,並給出多種方式的代碼實現。 一、input函數 Python內置的input()函數用於從控制台接收用戶輸入。 name …

    編程 2025-04-27
  • JS圖片沿着SVG路徑移動實現方法

    本文將為大家詳細介紹如何使用JS實現圖片沿着SVG路徑移動的效果,包括路徑製作、路徑效果、以及實現代碼等內容。 一、路徑製作 路徑的製作,我們需要使用到SVG,SVG是可縮放矢量圖…

    編程 2025-04-27
  • CentOS 7在線安裝MySQL 8

    在本文中,我們將介紹如何在CentOS 7操作系統中在線安裝MySQL 8。我們會從安裝環境的準備開始,到安裝MySQL 8的過程進行詳細的闡述。 一、環境準備 在進行MySQL …

    編程 2025-04-27
  • 如何使用JS調用Python腳本

    本文將詳細介紹通過JS調用Python腳本的方法,包括使用Node.js、Python shell、child_process等三種方法,以及在Web應用中的應用。 一、使用Nod…

    編程 2025-04-27
  • 如何反混淆美團slider.js

    本文將從多個方面詳細闡述如何反混淆美團slider.js。在開始之前,需要明確的是,混淆是一種保護JavaScript代碼的方法,其目的是使代碼難以理解和修改。因此,在進行反混淆操…

    編程 2025-04-27

發表回復

登錄後才能評論