中國(guó)電信取得基于JavaScript的惡意網(wǎng)頁檢測(cè)專利，能有效進(jìn)行惡意網(wǎng)頁檢測(cè)

融界2024年3月6日消息，據(jù)國(guó)家知識(shí)產(chǎn)權(quán)局公告，中國(guó)電信股份有限公司取得一項(xiàng)名為“基于JavaScript的惡意網(wǎng)頁檢測(cè)方法、設(shè)備及計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)“，授權(quán)公告號(hào)CN113971284B，申請(qǐng)日期為2020年7月。

專利摘要顯示，本發(fā)明公開涉及基于JavaScript的惡意網(wǎng)頁檢測(cè)方法、設(shè)備及計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)。根據(jù)本發(fā)明的基于JavaScript的惡意網(wǎng)頁檢測(cè)方法，包括：輸入JavaScript代碼；對(duì)JavaScript代碼進(jìn)行混淆判斷；如果判斷JavaScript代碼是混淆JavaScript代碼，則對(duì)JavaScript代碼執(zhí)行基于動(dòng)態(tài)分析的惡意網(wǎng)頁檢測(cè)；以及如果判斷JavaScript代碼是非混淆JavaScript代碼，則對(duì)JavaScript代碼執(zhí)行基于靜態(tài)分析的惡意網(wǎng)頁檢測(cè)。

本文源自金融界

HTML從哪入手？

自學(xué)的話，首先要理解html的作用。html，hypertext markup language，超文本標(biāo)記語言，用來展示網(wǎng)頁中的內(nèi)容。同時(shí) HTML 也是我們學(xué)習(xí)前端開發(fā)的基礎(chǔ)。隨著 web 前端技術(shù)的飛速發(fā)展，HTML 和 CSS 也成為了編程者的必備技能。而要想做一個(gè)網(wǎng)頁光會(huì)這一門語言是不夠的，還需要自學(xué)css，JavaScript。其中html和css較JavaScript容易。

可以這樣理解，HTML，是一個(gè)文件類型，可以被瀏覽器解析。如果不使用瀏覽器打開，我們看到的將是一行行代碼，在瀏覽器中打開以后呢，就會(huì)出現(xiàn)一些靜態(tài)效果了。下面介紹一下初步的一些HTML語法知識(shí)。

HTML 標(biāo)簽非常注重語義化，很多標(biāo)簽都是通俗易懂的，大大降低了我們學(xué)習(xí)的難度。這套 HTML 教程更是為了避免初學(xué)者走太多的彎路，指出了許多其它 HTML 教程中沒有提到的學(xué)習(xí)誤區(qū)，并且給初學(xué)者提供了一個(gè)具體的學(xué)習(xí)思路，除了注重 HTML 知識(shí)點(diǎn)的講解，更加注重 web 前端開發(fā)技巧和思維。幫助大家快速入門，其中包含大量的實(shí)踐經(jīng)驗(yàn)，將知識(shí)系統(tǒng)化，濃縮為精華，用通俗易懂的語言直指網(wǎng)頁設(shè)計(jì)初學(xué)者的痛點(diǎn)。

學(xué)海無涯，苦做舟，學(xué)習(xí)如同修行，只有潛心才可以領(lǐng)悟真諦。HTML 中的每一個(gè)小知識(shí)點(diǎn)都可以讓頁面發(fā)生不同的變化，現(xiàn)在就讓我們行動(dòng)起來，跟著 HTML 教程的步伐，讓我們一起走進(jìn) HTML 的世界。

HTML語言特點(diǎn)

超級(jí)文本標(biāo)記語言文檔制作不是很復(fù)雜，但功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)耄@也是萬維網(wǎng)（WWW）盛行的原因之一，其主要特點(diǎn)如下：

● 簡(jiǎn)易性：超級(jí)文本標(biāo)記語言版本升級(jí)采用超集方式，從而更加靈活方便。

● 可擴(kuò)展性：超級(jí)文本標(biāo)記語言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，超級(jí)文本標(biāo)記語言采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證。

● 平臺(tái)無關(guān)性：雖然個(gè)人計(jì)算機(jī)大行其道，但使用MAC等其他機(jī)器的大有人在，超級(jí)文本標(biāo)記語言可以使用在廣泛的平臺(tái)上，這也是萬維網(wǎng)（WWW）盛行的另一個(gè)原因。

● 通用性：另外，HTML是網(wǎng)絡(luò)的通用語言,一種簡(jiǎn)單、通用的全置標(biāo)記語言。它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或?yàn)g覽器。

什么時(shí)候用HTML

B（Browser）/S（Server）架構(gòu)方向，也是我們以后主攻方向

為什么要學(xué)HTML

我們以后主要為企業(yè)內(nèi)部提供解決方案，例如：企業(yè)內(nèi)部的辦公系統(tǒng)、供應(yīng)鏈管理系統(tǒng)、客戶關(guān)系管理系統(tǒng)等，而這些系統(tǒng)通常對(duì)界面的表現(xiàn)要求較低，對(duì)業(yè)務(wù)處理和數(shù)據(jù)處理要求較高，并且要求降低升級(jí)維護(hù)的成本，B/S架構(gòu)可以更好的被企業(yè)接受，所以我們以后主要的方向是開發(fā)基于B/S架構(gòu)的應(yīng)用，B/S架構(gòu)的開發(fā)通常又被叫做Web開發(fā)，Web開發(fā)通常包括Browser瀏覽器端的開發(fā)以及Server服務(wù)器端的開發(fā)。

雖然我們是學(xué)習(xí)Java后臺(tái)服務(wù)器編程，但是前端頁面編寫要了解，能看懂，簡(jiǎn)單的頁面效果可以實(shí)現(xiàn)即可；

怎么開發(fā)HTML

創(chuàng)建一個(gè)以 .html或 .htm 結(jié)尾的文件，用文本編輯器打開就可以開發(fā)

怎么運(yùn)行HTML

用瀏覽器打開以.html或.htm的文件就可以自上而下解析執(zhí)行，不需要編譯

DTD：Document Type Definition

● <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

● DTD文件的作用

● 幫助你編寫合法的代碼

● 它讓瀏覽器正確地顯示器代碼，或者說DTD只是寫給檢查器看的

HTML與W3C（World Wide Web:www）

HTML規(guī)范是由w3c負(fù)責(zé)制定的，W3C是世界萬維網(wǎng)聯(lián)盟（World Wide Web:www）

安裝瀏覽器

FireFox、Google、IE

HTML元素

HTML標(biāo)簽

<>表示開始標(biāo)記

</>表示結(jié)束標(biāo)記

<html>開始標(biāo)簽

</html>結(jié)束標(biāo)簽

html為元素

HTML 元素指的是從開始標(biāo)簽（start tag）到結(jié)束標(biāo)簽（end tag）的所有代碼。

HTML 元素語法

● HTML 元素以開始標(biāo)簽起始

● HTML 元素以結(jié)束標(biāo)簽終止

● 元素的內(nèi)容是開始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容

● 某些 HTML 元素具有空內(nèi)容（empty content）

● 空元素在開始標(biāo)簽中進(jìn)行關(guān)閉（以開始標(biāo)簽的結(jié)束而結(jié)束）

● 大多數(shù) HTML 元素可擁有屬性

嵌套 HTML 元素

大多數(shù) HTML 元素可以嵌套（可以包含其他 HTML 元素）。

HTML 文檔由嵌套的 HTML 元素構(gòu)成。

HTML 文檔實(shí)例

上面的例子包含三個(gè) HTML 元素。

HTML 實(shí)例解釋

● <p> 元素：

這個(gè) <p> 元素定義了 HTML 文檔中的一個(gè)段落。

這個(gè)元素?fù)碛幸粋€(gè)開始標(biāo)簽 <p>，以及一個(gè)結(jié)束標(biāo)簽 </p>。

元素內(nèi)容是：This is my first paragraph。

● <body> 元素：

<body> 元素定義了 HTML 文檔的主體。

這個(gè)元素?fù)碛幸粋€(gè)開始標(biāo)簽 <body>，以及一個(gè)結(jié)束標(biāo)簽 </body>。

元素內(nèi)容是另一個(gè) HTML 元素（p 元素）。

<html> 元素：

這個(gè)元素?fù)碛幸粋€(gè)開始標(biāo)簽 <html>，以及一個(gè)結(jié)束標(biāo)簽 </html>

元素內(nèi)容是另一個(gè) HTML 元素（body 元素）。

不要忘記結(jié)束標(biāo)簽

即使您忘記了使用結(jié)束標(biāo)簽，大多數(shù)瀏覽器也會(huì)正確地顯示 HTML：

上面的例子在大多數(shù)瀏覽器中都沒問題，但不要依賴這種做法。忘記使用結(jié)束標(biāo)簽會(huì)產(chǎn)生不可預(yù)料的結(jié)果或錯(cuò)誤。

注釋：未來的 HTML 版本不允許省略結(jié)束標(biāo)簽。

空元素

有一些元素必須使用單個(gè)標(biāo)簽表示。這些被稱為空元素。

一個(gè)這樣的元素是 hr 。

hr 是一個(gè)分組元素，用于表示一個(gè)段落級(jí)別的內(nèi)容。

您可以使用以下兩種方式之一使用void元素 - 第一種方法是僅指定開始標(biāo)記，如以下代碼所示。

瀏覽器知道hr是一個(gè)void元素，因此不希望看到結(jié)束標(biāo)記。

您可以使元素與空元素一致，如下面的代碼所示。

HTML注釋

注釋是關(guān)于HTML元素的有用信息。注釋使HTML文檔更易讀和可理解。

HTML中的注釋以標(biāo)簽<！-- 開頭，并以 --> 結(jié)尾。

瀏覽器將忽略您在這些標(biāo)記中放置的任何內(nèi)容。

以下代碼具有HTML注釋。

HTML標(biāo)簽

超文本標(biāo)記語言（外國(guó)語簡(jiǎn)稱：HTML）標(biāo)記標(biāo)簽通常被稱為HTML標(biāo)簽，HTML標(biāo)簽是HTML語言中最基本的單位，HTML標(biāo)簽是HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）最重要的組成部分。

HTML標(biāo)簽的大小寫無關(guān)的，例如“主體”<body>跟<BODY>表示的意思是一樣的，推薦使用小寫。

實(shí)例

標(biāo)簽定義及使用說明

<html> 標(biāo)簽告知瀏覽器這是一個(gè) HTML 文檔。

<html> 標(biāo)簽是 HTML 文檔中最外層的元素。

<html> 標(biāo)簽是所有其他 HTML 元素（除了 <!DOCTYPE> 標(biāo)簽）的容器。

瀏覽器支持

所有瀏覽器都支持 <html> 標(biāo)簽。

段落標(biāo)簽：<p></p>

定義：可以把 HTML 文檔分割為若干段落

標(biāo)題字：<h1></h1>至<h6></h6>

標(biāo)題是通過 <h1> - <h6> 等標(biāo)簽進(jìn)行定義的

<h1>定義最大標(biāo)簽，<h6>定義最小標(biāo)簽

換行：<br>

定義：<br> 可插入一個(gè)簡(jiǎn)單的換行符

<br> 標(biāo)簽是空標(biāo)簽，它沒有結(jié)束標(biāo)簽

注釋：

水平線：<hr/>

預(yù)留格式<pre>內(nèi)容</pre>

定義：頁面中輸入什么樣式就顯示什么樣式

實(shí)例：< >

搭配視頻效果更佳~~

https://www.ixigua.com/690746767030039398

前端開發(fā)中，我們經(jīng)常需要知道網(wǎng)頁的DOM（文檔對(duì)象模型）是否已經(jīng)加載完畢。對(duì)于初學(xué)者來說，這可能聽起來有些復(fù)雜，但其實(shí)我們可以通過簡(jiǎn)單的JavaScript代碼來實(shí)現(xiàn)這一目標(biāo)，而不需要依賴任何框架或庫。本文將帶你一步步了解如何實(shí)現(xiàn)這一點(diǎn)。

什么是DOM？

在講具體方法之前，我們先來了解一下什么是DOM。DOM（文檔對(duì)象模型）是網(wǎng)頁的結(jié)構(gòu)化表示，它將HTML文檔表示為一個(gè)樹形結(jié)構(gòu)。瀏覽器會(huì)解析HTML并生成DOM樹，我們可以使用JavaScript對(duì)這個(gè)DOM樹進(jìn)行操作，從而改變網(wǎng)頁的內(nèi)容和樣式。

檢查DOM是否準(zhǔn)備好的方法

要檢查DOM是否準(zhǔn)備好，我們主要使用兩個(gè)事件：DOMContentLoaded和load。它們的區(qū)別在于：

DOMContentLoaded事件在初始的HTML被完全加載和解析完成后觸發(fā)，但不等待樣式表、圖片等資源加載。
load事件在頁面所有資源（包括樣式表、圖片等）加載完成后觸發(fā)。

我們可以使用這兩個(gè)事件來確定頁面的加載狀態(tài)，并結(jié)合document.readyState屬性來判斷DOM是否已準(zhǔn)備好。

具體代碼實(shí)現(xiàn)

下面是具體的代碼示例：

window.addEventListener("DOMContentLoaded", () => {
  if (document.readyState === "complete") {
    console.log('DOM已完全加載');
  } else if (document.readyState === "interactive") {
    console.log('DOM已準(zhǔn)備好，但資源仍在加載');
  }
});

window.addEventListener("load", () => {
  if (document.readyState === "complete") {
    console.log('所有資源已加載完成');
  } else if (document.readyState === "interactive") {
    console.log('DOM已準(zhǔn)備好，但資源仍在加載');
  }
});

在這段代碼中，我們使用了window.addEventListener來監(jiān)聽DOMContentLoaded和load事件。當(dāng)這些事件觸發(fā)時(shí)，會(huì)執(zhí)行相應(yīng)的回調(diào)函數(shù)。在回調(diào)函數(shù)中，我們檢查document.readyState屬性的值：

如果值是'complete'，表示DOM已經(jīng)完全加載，所有資源也已經(jīng)加載完成。
如果值是'interactive'，表示DOM已準(zhǔn)備好，但一些資源（如圖片、框架等）仍在加載中。

為什么要這樣做？

了解DOM的加載狀態(tài)對(duì)于前端開發(fā)非常重要。例如，如果你想在DOM完全加載后執(zhí)行一些初始化操作，就需要確保這些操作不會(huì)在DOM未準(zhǔn)備好的情況下執(zhí)行。通過監(jiān)聽這些事件，你可以確保在合適的時(shí)機(jī)執(zhí)行相應(yīng)的代碼，提高代碼的穩(wěn)定性和性能。

結(jié)束

在不使用任何JavaScript框架或庫的情況下，我們可以通過監(jiān)聽DOMContentLoaded和load事件，以及檢查document.readyState屬性的值，來確定DOM是否已準(zhǔn)備好。這種方法簡(jiǎn)單高效，非常適合初學(xué)者學(xué)習(xí)和使用。

在線咨詢

上一篇：HTML 文字滑動(dòng)(marquee)
下一篇：前端程序員入門html的4大方法，這兩本神書真心經(jīng)典！

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷服務(wù)商

中國(guó)電信取得基于JavaScript的惡意網(wǎng)頁檢測(cè)專利，能有效進(jìn)行惡意網(wǎng)頁檢測(cè)

HTML從哪入手？

HTML語言特點(diǎn)

什么時(shí)候用HTML

為什么要學(xué)HTML

怎么開發(fā)HTML

怎么運(yùn)行HTML

DTD：Document Type Definition

HTML與W3C（World Wide Web:www）

安裝瀏覽器

HTML元素

HTML標(biāo)簽

HTML 元素語法

嵌套 HTML 元素

HTML 文檔實(shí)例

HTML 實(shí)例解釋

<html> 元素：

不要忘記結(jié)束標(biāo)簽

空元素

HTML注釋

HTML標(biāo)簽

標(biāo)簽定義及使用說明

瀏覽器支持

什么是DOM？

檢查DOM是否準(zhǔn)備好的方法

具體代碼實(shí)現(xiàn)

為什么要這樣做？

結(jié)束

您的項(xiàng)目需求