如何用js做網頁,用js做一個網頁

本文目錄一覽：

• 1、Javascript如何應用到網頁中
• 2、js動態生成網頁怎麼實現
• 3、如何用JS製作以下網頁

Javascript如何應用到網頁中

javascript 使有規律地重複的html文段簡化，減少下載時間。javascript 能及時響應用戶的操作，對提交表單即使的檢查，無需浪費時間交由cgl驗證。javascript 的特點是無窮無盡的，只要你有創意。那麼javascript 在網頁的用法是什麼呢，下面我來具體講講。 Javascript加入網頁有兩種方法： 1、直接加入HTML文檔 這是最常用的方法，大部分含有Javascript的網頁都採用這種方法，如： ＜script language=”Javascript”＞ ＜!– document.writeln(“這是Javascript！採用直接插入的方法！”); //-Javascript結束–＞ ＜/script＞ 在這個例子中，我們可看到一個新的標籤： ＜script＞……＜/script＞，而＜script language=”Javascript」＞ 用來告訴瀏覽器這是用Javascript編寫的程序，需要調動相應的解釋程序進行解釋。 HTML的注釋標籤＜!–和–＞：用來去掉瀏覽器所不能識別的Javascript源代碼的，這對不支持 Javascript 語言的瀏覽器來說是很有用的。 //-Javascript結束：雙斜杠表示 Javascript的注釋部分，即從//開始到行尾的字元都被忽略。 至於程序中所用到的document．write（）函數則表示將括弧中的文字輸出到窗口中去， 這在後面將會詳細介紹。 另外一點需要注意的是，＜script＞……＜/script＞的位置並不是固定的，可以包含在＜head＞……＜/head＞ 或＜body＞…..＜/body＞中的任何地方。 2、引用方式 如果已經存在一個Javascript源文件（以js為擴展名），則可以採用這種引用的方式，以提高程序代碼的利用率。其基本格式如下： ＜script src＝url language=”Javascript”＞＜/script＞ 其中的Url就是程序文件的地址。同樣的，這樣的語句可以放在HTML文檔頭部或主體的任何部分。 如果要實現「直接插入方式」中所舉例子的效果，可以首先創建一個Javascript源代碼文件「Script.js」，其內容如下： document.writeln(“這是Javascript！採用直接插入的方法！

js動態生成網頁怎麼實現

這個不一定是由js動態生成的，發帖或者創建賬號後不都是需要提交的嗎，提交後頁面刷新，再出來的頁面就是由後台提供的新頁面了，這個不需要由前端js動態生成。

當然，如果提交後頁面沒有刷新，但又有新內容出現，這倒是有可能是js生成的，一般都是用js通過ajax提交數據，然後再把伺服器返回的信息顯示到頁面上，這樣做可以減輕伺服器的壓力，而且由於頁面沒有刷新（閃一下），用戶體驗也較佳。

還有一種可能，是預先把要顯示的內容放在頁面上，但是隱藏起來，當某種預期的事件發生時再顯示出來。

如何用JS製作以下網頁

這樣的有幾種寫法，一個就是發送請求給後台，傳的數據是郵箱，然後獲取用戶名，域名，頂級域名，然後渲染到頁面上，但是這得後台配合，第二個就是自己聲明假的數據，就是一個數組，裡面有多個對象,比如：

input type=”text” placeholder=”請輸入郵箱”

button開始分析/button

div

用戶名:span class=”username”/span/br

域名:span class=”domain”/span/br

頂級域名:span class=”top-domain”/span

/div

script type=”text/javascript”

var arr = [{email:”xx@163.com”,username:”zhangsan”,domain:”hao123″,topDomain:”.com”},{email:”yy@qq.com”,username:”lisi”,domain:”baidu”,topDomain:”.com”},{email:”zz@msn.com”,username:”wangwu”,domain:”taobao”,topDomain:”.com”}];

var inp = document.getElementsByTagName(“input”)[0];

var btn = document.getElementsByTagName(“button”)[0];

var username = document.getElementsByClassName(“username”)[0];

var domain = document.getElementsByClassName(“domain”)[0];

var topDomain = document.getElementsByClassName(“top-domain”)[0];

btn.onclick = function() {

var val = inp.value;

username.textContent = “”;

domain.textContent = “”;

topDomain.textContent = “”;

for (var i=0;iarr.length;i++) {

if (val == arr[i].email) {

username.textContent = arr[i].username;

domain.textContent = arr[i].domain;

topDomain.textContent = arr[i].topDomain;

}

}

}

/script