- 前端开发工作者，天天与网站页面，Js交互语言打交道，利用js语言编写的脚本，可以直接运行的在浏览器的环境中，对于初学者来说这个“直接运行”到底是在哪里运行的呢？我们又如何实现在网页中运行js脚本，以及现实的方法一共有几种呢？？（我反正一开始是不知道的，后面也是百度，博客上寻求答案的）
- 具体实现方法
- F12打开调试工具，利用控制台运行JS脚本
- javascript: void(function() {var i = document.images; for (var m = 0, len = i.length; m < len ; m++) {i[m].style.opacity = '0.1'; } var c = document.querySelectorAll('.bn.Ag.eA'); for (var n = 0, len = c.length; n < len ; n++) {c[n].style.backgroundColor = 'transparent'; } }() );
- 简单说明以上脚本的功能：
这段JavaScript代码的功能是改变所有图片的透明度和背景颜色。首先，它将所有`<img>`元素的透明度设置为0.1，然后将所有`<div>`元素的背景颜色设置为透明。
这段代码使用了`void`函数来避免JavaScript解析错误。`void`函数接受一个函数作为参数，但不执行该函数，而是将其作为语句执行。在这段代码中，`void(function() {...})`表示立即执行函数`function()`，而不执行其返回值。
接下来，我们看到了两个`for`循环。第一个循环用于遍历所有`<img>`元素，并将它们的透明度设置为0.1。第二个循环用于遍历所有`<div>`元素，并将它们的背景颜色设置为透明（即设置为`transparent`）。
这两个循环都是在一个立即执行的函数内部执行的，所以它们会同时执行。当这段代码被执行时，所有图片的透明度和背景颜色都会被改变。
- javascript: void(function() {var i = document.images; for (var m = 0, len = i.length; m < len ; m++) {i[m].style.opacity = '0.1'; } var c = document.querySelectorAll('.bn.Ag.eA'); for (var n = 0, len = c.length; n < len ; n++) {c[n].style.backgroundColor = 'transparent'; } }() );
- 利用网页书签执行js脚本
- F12打开调试工具，利用控制台运行JS脚本
-
-
- 快捷键打开书签管理(ctrl+shift+O)
- 选择新建书签
- 设置名称与脚本代码
-
-
鼠标点击执行脚本即可
-
- 快捷键打开书签管理(ctrl+shift+O)
-
