整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
avaScript 通常用于操作 HTML 元素。
操作 HTML 元素
如需從 JavaScript 訪問某個 HTML 元素，您可以使用 document.getElementById(id) 方法。
請使用 "id" 屬性來標(biāo)識 HTML 元素：
例子
通過指定的 id 來訪問 HTML 元素，并改變其內(nèi)容：
JavaScript 由 web 瀏覽器來執(zhí)行。在這種情況下，瀏覽器將訪問 id="demo" 的 HTML 元素，并把它的內(nèi)容（innerHTML）替換為圖片紅框中的內(nèi)容。
寫到文檔輸出
下面的例子直接把 <p> 元素寫到 HTML 文檔輸出中：
實例：
為一名開發(fā)者，很多時候都需要寫下自己的學(xué)習(xí)內(nèi)容、debug過程或者所思所感，方便以后快速回憶和鞏固，也便于分享給其他人，談起寫點東西，對于開發(fā)者來說最方便的無疑是markdown了，其簡潔高效的語法可以讓我們在較短的時間內(nèi)寫出具有美觀格式的文章。很多時候我們也需要將現(xiàn)有的非markdown書寫的筆記轉(zhuǎn)成markdown，此時就需要一個好的工具了。那么，作為開發(fā)者的你都用過哪些工具呢？這里我分享一些自己用過的或正在用的工具給大家吧。
網(wǎng)站是Html/MarkDown互轉(zhuǎn)工具-BeJSON.com，效果如下：
經(jīng)過小編測試，該網(wǎng)站的轉(zhuǎn)換效率較高，即便是幾千字的文章，也能在點擊轉(zhuǎn)換按鈕的瞬間完成轉(zhuǎn)換，同時支持markdown與HTML的互相轉(zhuǎn)換，效率都是較高的。
現(xiàn)在演示如下 ：
可以看到，效率還是很高的，除此之外，還有很多其他工具也可以使用。
這是一個剛出現(xiàn)的平臺，地址是HelloWorld - 專業(yè)開發(fā)者社區(qū)，是作為一個技術(shù)交流平臺的工具出現(xiàn)的，平臺首頁是HelloWorld - 專業(yè)開發(fā)者社區(qū)。整個轉(zhuǎn)換界面很清新簡潔，如下：
可以看到，整個界面的底色是藍(lán)色，給人一種清新舒適的感覺。同時提供了兩種轉(zhuǎn)換的方式：
第一種功能是一般工具網(wǎng)站沒有的，現(xiàn)在對兩種情況進(jìn)行測試：
可以看到，兩種方式的轉(zhuǎn)換效果都還是不錯的，也支持將轉(zhuǎn)換得到的markdown保存到本地。
從上面的頁面中也可以看到，hello world官方給出了html2md工具的開源地址，是「鏈接」，提到了包含的技術(shù)棧：
工具的架構(gòu)主要如下：
主要是為自己有需要的小伙伴提供參考，可以在 開源代碼的基礎(chǔ)上進(jìn)行定制，得到自己所需要的轉(zhuǎn)換工具，也算是比較良心了，有需要的小伙伴可以自己去試試啊，或者可以點擊程序員博客發(fā)文利器-html2md更新指南去了解更多內(nèi)容吧。
與前面過兩個網(wǎng)站不同的是，這個平臺只提供了一個demo，地址為SitDown (mdnice.com)，頁面示意如下：
可以看到，這個項目提供了對微信、從SDN和掘金等的支持，可以將多種形式的文章轉(zhuǎn)為markdown。但是這個項目并未上線，更像是提供了一個開發(fā)指南和實現(xiàn)思路供需要的開發(fā)者進(jìn)行參考。但是我們還是可以使用這個demo來進(jìn)行轉(zhuǎn)換的。
現(xiàn)在進(jìn)行測試：
可以看到，轉(zhuǎn)換效果和速度還是可以的，只不過還不支持對鏈接進(jìn)行轉(zhuǎn)換。當(dāng)然，我們也可以進(jìn)行進(jìn)一步的封裝，以達(dá)到我們需要的效果。
好了，今天的分享就到這里，不知道小伙伴們喜歡哪一個工具呢？都去試試吧。有自己用得比較順手的工具也可以在評論區(qū)分享、讓大家一起來體驗下啊[鼓掌]
.js導(dǎo)入導(dǎo)出
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js導(dǎo)入導(dǎo)出</title>
</head>
<body>
<div>
<button id="btn" >點我展示信息</button>
</div>
<!-- 導(dǎo)入showMessage.js文件的全部內(nèi)容 -->
<script src="showMessage.js"></script>
<script>
document.getElementById("btn").onclick=function(){
complexMessage('bbbbb');
}
</script>
</body>
</html>js
//簡單的展示信息
function simpleMessage(msg){
console.log(msg)
}
//復(fù)雜的展示信息
function complexMessage(msg){
console.log(new Date()+": "+msg)
}//簡單的展示信息
export function simpleMessage(msg){
console.log(msg)
}
//復(fù)雜的展示信息
export function complexMessage(msg){
console.log(new Date()+": "+msg)
}
export命令可以按需導(dǎo)出，如果需要批量導(dǎo)出則可以添加
export{ simpleMessage,complexMessage};
導(dǎo)出時可以用別名
import { messageMethods as cm } from './showMessage.js’
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js導(dǎo)入導(dǎo)出</title>
</head>
<body>
<div>
<button id="btn" >點我展示信息</button>
</div>
<script type="module">
import { complexMessage as cm } from "./showMessage.js";
document.getElementById("btn").onclick=function(){
cm('bbbbb');
}
</script>
</body>
</html>//簡單的展示信息
function simpleMessage(msg){
console.log(msg)
}
//復(fù)雜的展示信息
function complexMessage(msg){
console.log(new Date()+": "+msg)
}
export{ simpleMessage ,complexMessage }默認(rèn)導(dǎo)出
//簡單的展示信息
export function simpleMessage(msg){
console.log(msg)
}
//復(fù)雜的展示信息
export function complexMessage(msg){
console.log(new Date()+": "+msg)
}
export default { simpleMessage ,complexMessage }<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js導(dǎo)入導(dǎo)出</title>
</head>
<body>
<div>
<button id="btn" >點我展示信息</button>
</div>
<script type="module">
import xx from "./showMessage.js";
document.getElementById("btn").onclick=function(){
xx.complexMessage('bbbbb');
}
</script>
</body>
</html>使用默認(rèn)導(dǎo)出后，那么xx.可以帶出函數(shù)。
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
