整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
常和電腦打交道的朋友，一定有過這樣的難題，在網(wǎng)上查資料找文章，復(fù)制文章的內(nèi)容才發(fā)現(xiàn)必須要注冊登錄才支持，也太麻煩了吧！
這種限制復(fù)制文字的網(wǎng)頁，其實是用JavaScripty代碼來實現(xiàn)限制復(fù)制的，當(dāng)然，解鈴還須系鈴人，今天教大家一串代碼接觸限制。
首先在我們需要復(fù)制內(nèi)容的網(wǎng)頁中的地址欄中輸入：
javascript：void($={});
然后按下回車鍵Enter，然后網(wǎng)頁的內(nèi)容就可以支持任意復(fù)制啦！
同樣方法不僅支持提取網(wǎng)頁中的文字，還能夠提取書本、圖片上面的文字，在書本中遇到需要摘抄到電腦的內(nèi)容，也可以輕松提取，方法如下：
我們打開迅捷PDF轉(zhuǎn)換器工具，在特色功能中找到"圖片轉(zhuǎn)文字"，然后將網(wǎng)頁的圖片截圖，或者書本中的內(nèi)容拍照上傳。
點擊轉(zhuǎn)換之后即可將文字輸出到Word文檔中，我們一起來看看效果：
還有一種方法，在網(wǎng)頁中【右擊】，然后點擊【查看源文件】，接下來在源文件中找到對應(yīng)的文字內(nèi)容復(fù)制即可。
掌握好這3種方法，以后不用擔(dān)心網(wǎng)頁上的文字無法復(fù)制了
.jQuery的三種$
1)$可以是$(expresion)，即css選擇器、Xpath或html元素，也就是通過上述表達式來匹配目標(biāo)元素。
比如：$("a")構(gòu)造的這個對象，是用CSS選擇器構(gòu)建了一個jQuery對象--它選擇了所有的<a/>這個標(biāo)簽。
eg:$("a").click(function{...}) :就是在點擊頁面上的任何一個鏈接時的觸發(fā)事件。
alert($("div>p").html):表示彈出div下的一級節(jié)點標(biāo)簽為p的內(nèi)容
$("<div><p>Hello</p></div>").appendTo("body")：表示$中的是一個字符串，用這樣一段字串構(gòu)建了jQuery對象，然后向<body/>中添加這一字串。
2）$可以是$(element)，即一個特定的DOM元素。如常用的DOM對象有document、location、form等。
eg:$(document).find("div>p").html):表示$中的document是一個DOM元素，即在全文尋找?guī)?lt;p>的<div>元素，并顯示<p>中的內(nèi)容。
3）$可以是$(function)，即一個函數(shù)，它是$(document).ready的一個速記方式。
eg:
$(document).ready(function{
alert("Hello world!");
}) //意思是當(dāng)文檔載入完畢就執(zhí)行
可簡化為：
$(function{
alert("Hello world!");
});
2.對于選擇HTML文檔中的elements，jQuery有兩種方法：
1）如$("div>ul a")，它的意思是div標(biāo)簽中的ul標(biāo)簽中的a標(biāo)簽
不過，$('div>ul')和$('div ul')是有區(qū)別的，
$('div>ul')是<div>的直接后代里找<ul>； 而$('div ul')是在<div>的所有后代里找<ul>。
2）用jQuery對象的幾個方法（如方法find()、each()等） $("#orderedlist).find("li") 就像 $("#orderedlist li"). each一樣迭代了所有的li，而表達式中的“#”表示HTML中的ID，如上例中的“#orderedlist”就表示“ID為orderedlist所在的標(biāo)簽”。
3.標(biāo)簽選擇器$('p')、類選擇器$('.myClass')、id選擇器$('#myId')
4.$('#sId li:not(.horizontal)')，就是指類名"sId"里面的所有l(wèi)i的子孫中沒有horizontal類的所有元素。
5.XPath選擇器
eg：選擇所有帶有title 屬性的鏈接，我們會這樣寫：$('a[@title]') ，下面是解析：
里帶@，說明里的是元素的屬性；是個屬性選擇器
里沒@，說明里的是元素的子孫
1）$('ul li')和$('ul[li]')雖然返回的都是一個jQuery數(shù)組，但兩者的含義正好相反。前者是要找<ul>下所有<li>子孫，而后者卻是在找所有子孫為<li>的<ul>數(shù)組。
2）在XPath中，要找一個“以...開頭”的屬性，用^=，如找一個name屬性是以mail開頭的input元素，就用 $('input[@name^="mail"]')
要找一個“以...結(jié)尾”的屬性，要用$=
要找一個“不頭不尾”的屬性，用*=
6.不屬于上述的CSS和XPath的選擇器，就是自定義的選擇器了，用“:”表示，這里要用的就是:first，:last，:parent ，:hidden，:visible，:odd，:even，:not('xxx')， ":eq(0)"（始于0)，:nth(n），:gt(0)，:lt(0)，:contains("xxx") 如：$('tr:not([th]):even')意為<tr>元素的子孫中不含<th>的所有子孫的偶數(shù)項
7.其他的如下：
$('th').parent—— th標(biāo)簽的父節(jié)點
$('td:contains("Henry")').prev——內(nèi)容包含有"Henry"的<td>的上一個節(jié)點
$('td:contains("Henry")').next——內(nèi)容包含有"Henry"的<td>的下一個節(jié)點
$('td:contains("Henry")').siblings——內(nèi)容包含有"Henry"的<td>的所有兄弟節(jié)點
還有一個，就是end，這個方法肯定是用在某個DOM節(jié)點執(zhí)行了某一動作之后，還想在與其相關(guān)的節(jié)點上執(zhí)行類似動作，這里就要用到end。用過end方法之后，所返回的是執(zhí)行動作的那個節(jié)點的父節(jié)點上。舉個例子
$(...).parent.find(...).addClass.end 這里執(zhí)行動作的節(jié)點是find(...)，是一個數(shù)組對象，它所做的動作是“addClass”，之后，用了個end，這時所返回的東東就是指向了parent所指向的節(jié)點，也就是執(zhí)行“addClass”動作的那個數(shù)組對象的父節(jié)點。
8.要直接訪問DOM元素，可用get(0)的方法，如 $('#myelement').get(0)，也可縮寫成$('#myelement')[0]
眾號【傳智播客博學(xué)谷】回復(fù)關(guān)鍵詞：前端 PS Java(100G) Python(80G) 大數(shù)據(jù) 區(qū)塊鏈 測試 PPT JS(40g+300教程) HTML 簡歷 領(lǐng)取相關(guān)學(xué)習(xí)資料！
一、HTML
1、<image>標(biāo)簽上title屬性與alt屬性的區(qū)別是什么？
alt屬性是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說明的。且長度必須少于100個英文字符或者用戶必須保證替換文字盡可能的短。
這包括那些使用本來就不支持圖像顯示或者圖像顯示被關(guān)閉的瀏覽器的用戶，視覺障礙的用戶和使用屏幕閱讀器的用戶等。
title屬性為設(shè)置該屬性的元素提供建議性的信息。使用title屬性提供非本質(zhì)的額外信息。參考《alt和title屬性的區(qū)別及應(yīng)用》
2、分別寫出以下幾個HTML標(biāo)簽：文字加粗、下標(biāo)、居中、字體
加粗：<b>、<strong>
下標(biāo)：<sub>
居中：<center>
字體：<font>、<basefont>、參考《HTML標(biāo)簽列表》
3、請寫出至少5個html5新增的標(biāo)簽，并說明其語義和應(yīng)用場景
section：定義文檔中的一個章節(jié)
nav：定義只包含導(dǎo)航鏈接的章節(jié)
header：定義頁面或章節(jié)的頭部。它經(jīng)常包含 logo、頁面標(biāo)題和導(dǎo)航性的目錄。
footer：定義頁面或章節(jié)的尾部。它經(jīng)常包含版權(quán)信息、法律信息鏈接和反饋建議用的地址。
aside：定義和頁面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除，剩下的內(nèi)容仍然很合理。
參考《HTML5 標(biāo)簽列表》
4、請說說你對標(biāo)簽語義化的理解？
a. 去掉或者丟失樣式的時候能夠讓頁面呈現(xiàn)出清晰的結(jié)構(gòu)
b. 有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標(biāo)簽來確定上下文和各個關(guān)鍵字的權(quán)重；
c. 方便其他設(shè)備解析（如屏幕閱讀器、盲人閱讀器、移動設(shè)備）以意義的方式來渲染網(wǎng)頁；
d. 便于團隊開發(fā)和維護，語義化更具可讀性，遵循W3C標(biāo)準(zhǔn)的團隊都遵循這個標(biāo)準(zhǔn)，可以減少差異化。
5、Doctype作用? 嚴格模式與混雜模式如何區(qū)分？它們有何意義?
聲明位于文檔中的最前面，處于 標(biāo)簽之前。告知瀏覽器以何種模式來渲染文檔。
嚴格模式的排版和 JS 運作模式是，以該瀏覽器支持的最高標(biāo)準(zhǔn)運行。
在混雜模式中，頁面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點無法工作。
DOCTYPE不存在或格式不正確會導(dǎo)致文檔以混雜模式呈現(xiàn)。
6、你知道多少種Doctype文檔類型？
標(biāo)簽可聲明三種 DTD 類型，分別表示嚴格版本、過渡版本以及基于框架的 HTML 文檔。
HTML 4.01 規(guī)定了三種文檔類型：Strict、Transitional 以及 Frameset。
XHTML 1.0 規(guī)定了三種 XML 文檔類型：Strict、Transitional 以及 Frameset。
Standards （標(biāo)準(zhǔn)）模式（也就是嚴格呈現(xiàn)模式）用于呈現(xiàn)遵循最新標(biāo)準(zhǔn)的網(wǎng)頁，
Quirks（包容）模式（也就是松散呈現(xiàn)模式或者兼容模式）用于呈現(xiàn)為傳統(tǒng)瀏覽器而設(shè)計的網(wǎng)頁。
7、HTML與XHTML——二者有什么區(qū)別
a. XHTML 元素必須被正確地嵌套。
b. XHTML 元素必須被關(guān)閉。
c. 標(biāo)簽名必須用小寫字母。
d. XHTML 文檔必須擁有根元素。
參考《XHTML 與 HTML 之間的差異》
8、html5有哪些新特性、移除了那些元素？
a. HTML5 現(xiàn)在已經(jīng)不是 SGML 的子集，主要是關(guān)于圖像，位置，存儲，多任務(wù)等功能的增加。
b. 拖拽釋放(Drag and drop) API
c. 語義化更好的內(nèi)容標(biāo)簽（header,nav,footer,aside,article,section）
d. 音頻、視頻API(audio,video)
e. 畫布(Canvas) API
f. 地理(Geolocation) API
g. 本地離線存儲 localStorage 長期存儲數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失
h. sessionStorage 的數(shù)據(jù)在頁面會話結(jié)束時會被清除
i. 表單控件，calendar、date、time、email、url、search
j. 新的技術(shù)webworker, websocket等
移除的元素：
a. 純表現(xiàn)的元素：basefont，big，center, s，strike，tt，u；
b. 對可用性產(chǎn)生負面影響的元素：frame，frameset，noframes；
9、iframe的優(yōu)缺點？
優(yōu)點：
a. 解決加載緩慢的第三方內(nèi)容如圖標(biāo)和廣告等的加載問題
b. iframe無刷新文件上傳
c. iframe跨域通信
缺點：
a. iframe會阻塞主頁面的Onload事件
b. 無法被一些搜索引擎索引到
c. 頁面會增加服務(wù)器的http請求
d. 會產(chǎn)生很多頁面，不容易管理。
參考《iframe的一些記錄》
10、Quirks模式是什么？它和Standards模式有什么區(qū)別？
在寫程序時我們也會經(jīng)常遇到這樣的問題，如何保證原來的接口不變，又提供更強大的功能，尤其是新功能不兼容舊功能時。IE6以前的頁面大家都不會去寫DTD，所以IE6就假定 如果寫了DTD，就意味著這個頁面將采用對CSS支持更好的布局，而如果沒有，則采用兼容之前的布局方式。這就是Quirks模式（怪癖模式，詭異模式，怪異模式）。
區(qū)別：總體會有布局、樣式解析和腳本執(zhí)行三個方面的區(qū)別。
a. 盒模型：在W3C標(biāo)準(zhǔn)中，如果設(shè)置一個元素的寬度和高度，指的是元素內(nèi)容的寬度和高度，而在Quirks 模式下，IE的寬度和高度還包含了padding和border。
b. 設(shè)置行內(nèi)元素的高寬：在Standards模式下，給等行內(nèi)元素設(shè)置wdith和height都不會生效，而在quirks模式下，則會生效。
c. 設(shè)置百分比的高度：在standards模式下，一個元素的高度是由其包含的內(nèi)容來決定的，如果父元素沒有設(shè)置百分比的高度，子元素設(shè)置一個百分比的高度是無效的用
d. 設(shè)置水平居中：使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下卻會失效。
11、請闡述table的缺點
a. 太深的嵌套，比如table>tr>td>h3，會導(dǎo)致搜索引擎讀取困難，而且，最直接的損失就是大大增加了冗余代碼量。
b. 靈活性差，比如要將tr設(shè)置border等屬性，是不行的，得通過td
c. 代碼臃腫，當(dāng)在table中套用table的時候，閱讀代碼會顯得異常混亂
d. 混亂的colspan與rowspan，用來布局時，頻繁使用他們會造成整個文檔順序混亂。
e. 不夠語義
參考《為什么說table表格布局不好？》
12、簡述一下src與href的區(qū)別
src用于替換當(dāng)前元素；href用于在當(dāng)前文檔和引用資源之間確立聯(lián)系。
src是source的縮寫，指向外部資源的位置，指向的內(nèi)容將會嵌入到文檔中當(dāng)前標(biāo)簽所在位置
href是Hypertext Reference的縮寫，指向網(wǎng)絡(luò)資源所在位置，建立和當(dāng)前元素（錨點）或當(dāng)前文檔（鏈接）之間的鏈接
公眾號【傳智播客博學(xué)谷】回復(fù)關(guān)鍵詞：前端 PS Java Python 大數(shù)據(jù) 區(qū)塊鏈 測試 PPT JS HTML 簡歷 領(lǐng)取相關(guān)學(xué)習(xí)資料！
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
