Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
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為主的網頁改變得更方便易用??梢詾榫W站添加新的內容,或者隱藏網站上煩人的部分內容。
官網: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。
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 ——指定生成的顏色的格式??赡艿闹禐閞gb,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!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。