整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML 脚本

avaScript 使 HTML 页面具有更强的动态和交互性。

在线实例

插入一段脚本

如何将脚本插入 HTML 文档。

使用 <noscript> 标签

如何应对不支持脚本或禁用脚本的浏览器。

HTML <script> 标签

<script> 标签用于定义客户端脚本,比如 JavaScript。

<script> 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。

JavaScript 最常用于图片操作、表单验证以及内容动态更新。

下面的脚本会向浏览器输出"Hello World!":

实例

<script>document.write("Hello World!");</script>

Tip: 学习更多关于Javascript教程,请查看JavaScript 教程!

HTML<noscript> 标签

<noscript> 标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。

<noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。

只有在浏览器不支持脚本或者禁用脚本时,才会显示 <noscript> 元素中的内容:

实例

<script>document.write("Hello World!")</script><noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>

JavaScript体验(来自本站javascript教程)

JavaScript实例代码:

JavaScript可以直接在HTML输出:

document.write("<p>这是一个段落。</p>");

JavaScript事件响应:

<buttontype="button"onclick="myFunction()">点我!</button>

JavaScript处理 HTML 样式:

document.getElementById("demo").style.color="#ff0000";

HTML 脚本标签

标签描述
<script>定义了客户端脚本
<noscript>定义了不支持脚本浏览器输出的文本

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

内容来源于@什么值得买APP,观点仅代表作者本人 |作者:Stark-C

大家好,我是Stark-C。

油猴简介

【油猴】一款免费的浏览器扩展和最为流行的用户脚本管理器,它是一个附加组件(扩展程序),让用户安装一些脚本使大部分HTML为主的网页改变得更方便易用。可以为网站添加新的内容,或者隐藏网站上烦人的部分内容。

官网:https://www.tampermonkey.net/

简单来说,油猴也是一款浏览器扩展插件,支持目前市面绝大多数浏览器,比如说Chrome / Edge / Opera/FireFox/国产浏览器等。它主要是通过添加脚本让浏览器实现各种各样的功能,例如可以视频网站强制html5播放器、突破某网盘限速、各大平台在线VIP视频免费看、各大平台付费音乐下载、一些网站页面样式优化等功能。

油猴安装与管理

油猴的安装非常简单,直接在应用扩展应用商店搜索安装即可:

Microsoft Edge浏览器地址:https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd

安装好以后,我们单击浏览器右上角状态栏里面的油猴图标,选择“获取新脚本”,就能进入脚本库选择自己需要的脚本进行安装了。

上面就说过,油猴只是管理脚本,它自己是没有脚本的。但是我们可以通过它给出的脚本库(脚本网站)来下载各种脚本。目前它给出的渠道有四个:

Greasy Fork:今天我们重点用到的就是这个,脚本最多,对我们也是比较友好!支持中文,按照今日安装、总安装数、得分、创建日期等的排序方式给出脚本列表,可按脚本生效的网站过滤,每一脚本都有中文介绍,并且详细列出了作者、安装数、更新日期日志、安装使用截图、兼容性、应用到、代码查看等信息描述。

OpenUserJS、Userscripts Mirror:这两个网站都没有提供中文界面,Userscripts Mirror 已经停止了更新,用户可以在这个站点找到历史资源。

GitHub/Gist:从GitHub/Gist中安装一些个人编写的脚本,有很多稀有脚本,但是因为绝大多数人的网络问题,这里就不多说了。

至于安装:

我们可以直接点击上图方框中的**Greasy Fork**就能进入它的官网了

官网链接:https://greasyfork.org/zh-CN

点击官网右上角的“脚本列表”

然后就来到了它的脚本库(脚本列表)。在这里你可以直接搜索你想要的,右上角还可以更改本页的语言。

当看到我们需要的脚本,直接点击进去,安装提示安装便是!

我们安装好的脚本也可以通过点击浏览器扩展栏中的“油猴”图标,选择“管理面板”进行查看和管理。

至此,油猴脚本安装与管理就介绍完了!整个过程其实挺简单的!

脚本建议

大家在下载脚本的时候可以看看脚本页面的详情介绍,里面会有该脚本的用途以及使用方法。

至于推荐,大家完全可以自己去脚本列表自己查看,因为那里说的更清楚,也更详细!还有热门排序,还可以搜索,只有你想不到,没有它做不到!

因为某些原因,这里省略一万字!

好了,以上就是今天给大家分享的内容,我是爱分享的Stark-C,如果今天的内容对你有帮助请记得收藏,顺便点点关注,我会经常给大家分享各类有意思的软件和免费干货!谢谢大家~~

randomColor是一个生成随机颜色的JavaScript脚本,对于写代码的我们来说,生成一个随机颜色或许并不复杂,但是想要生成一个比较吸引人的随机颜色可能是需要花费一番功夫的,但如果已经有人实现了这样一个小功能,那么我们直接使用即可,不需要再花费心思研究那么深,一起来看看吧!

randomColor已移植到C#,C ++,Go,Haskell,Mathematica,PHP,Python,Swift,Perl6,Objective-C,Java,R,Reason和Rust。






Github地址

https://github.com/davidmerfield/randomColor

使用方式

本文只是简单介绍下在浏览器中使用,我相信在Web开发中使用的还是最多的,我们可以直接使用cdn或者下载脚本下来直接引入:

  • 使用
var color = randomColor();

要在服务器上使用带有node.js的randomColor,请从npm安装randomColor,然后调用脚本:

var randomColor = require('randomcolor'); // 引入
var color = randomColor(); // 16进制
  • 配置

可以传递配置对象以便于产生特定的结果出来:

hue ——控制生成的颜色的色调。可以传代表颜色名称的字符串:当前支持红色,橙色,黄色,绿色,蓝色,紫色,粉红色和黑白(red, orange, yellow, green, blue, purple, pink 和 monochrome)。如果您传递十六进制颜色字符串(例如#00FFFF),则randomColor将提取其色相值并使用该值生成颜色

luminosity——控制所生成颜色的亮度。您可以指定一个包含亮,亮或暗的字符串(bright, light or dark)。

count——指定要生成的颜色数

seed 一个整数或字符串,该整数或字符串在传递时将导致randomColor每次返回相同的颜色。

format ——指定生成的颜色的格式。可能的值为rgb,rgba,rgbArray,hsl,hsla,hslArray和hex(默认值)。

alpha ——介于0和1之间的十进制数。仅当使用带有alpha通道的格式(rgba和hsla)时才相关。默认为随机值。

  • 示例代码
// 返回具颜色的十六进制代码
randomColor(); 

// 返回十个绿色的数组
randomColor({
   count: 10,
   hue: 'green'
});

// 返回浅蓝色的十六进制代码
randomColor({
   luminosity: 'light',
   hue: 'blue'
});

// 返回“真正随机”颜色的十六进制代码
randomColor({
   luminosity: 'random',
   hue: 'random'
});

// 返回RGB的明亮的颜色
randomColor({
   luminosity: 'bright',
   format: 'rgb' // e.g. 'rgb(225,200,20)'
});

// 返回带有随机alpha的深色RGB颜色
randomColor({
   luminosity: 'dark',
   format: 'rgba' // e.g. 'rgba(9, 1, 107, 0.6482447960879654)'
});

// 返回具有指定alpha的深色RGB颜色
randomColor({
   luminosity: 'dark',
   format: 'rgba',
   alpha: 0.5 // e.g. 'rgba(9, 1, 107, 0.5)',
});

// 返回带有随机Alpha的浅色HSL颜色
randomColor({
   luminosity: 'light',
   format: 'hsla' // e.g. 'hsla(27, 88.99%, 81.83%, 0.6450211517512798)'
});

总结

randomColor是一个小型JavaScript脚本,虽然功能不多,但是针对颜色这一块还是非常值得使用的,对于大多数场景已经完全够用!enjoy it!