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/n/126816.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
V1Y39V1Y39
上一篇 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

发表回复

登录后才能评论