1、如何用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:"[email protected]",username:"zhangsan",domain:"hao123",topDomain:".com"},{email:"[email protected]",username:"lisi",domain:"baidu",topDomain:".com"},{email:"[email protected]",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;i<arr.length;i++) {
if (val == arr[i].email) {
username.textContent = arr[i].username;
domain.textContent = arr[i].domain;
topDomain.textContent = arr[i].topDomain;
}
}
}
</script>
2、html5網頁製作+javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<script type="text/javascript">
function Student(id, name, gender, birthday, score) {
this.id = id;
this.name = name;
this.gender = gender;
this.birthday = birthday;
this.score = score;
this.study = function () {
this.score = this.score === 100 ? this.score : this.score += 1;
};
this.getAge = function () {
return new Date().getFullYear() - new Date(birthday).getFullYear()
};
}
var student = new Student(1,'張三','男','1996-2-12',20);
console.log('學習成績:'+student.score);
console.log('年齡:'+student.getAge());
student.study();
console.log('學習成績:'+student.score); //學分加1
student.study();
console.log('學習成績:'+student.score); //學分加1
</script>
<body>
請打開瀏覽器控制台查看日誌輸出效果。
</body>
</html>
3、用JavaScript設計一個網站 望各位提供材料！！多謝！！
網頁素材站里找吧 http://sucai.heima.com/
4、用HTML+CSS+JS設計三個頁面
用PHP做過一個，你照著這個換成JS的就可以了：
下面為login.php:
<?php
session_start();
unset($_SESSION['name']);
mysql_connect("localhost", "root" ,"Changsha01") or die("Could not connect");
mysql_select_db("test") or die("Could not use db");
if (isset($_POST['submit'])) {
$name = trim($_POST['name']);
$password = trim($_POST['password']);
if (empty($name) || empty($password)) {
$flag = true;
}else {
$query = "SELECT password FROM users WHERE login_name = '" . $name . "'";
$result = mysql_query($query);
$row = mysql_fetch_array($result, MYSQL_ASSOC);
if ($password == $row['password']) {
$_SESSION['name'] = $name;
header("location: index.php");
} else {
$flag = true;
}
}
}
?>
<html>
<head><title>my document</title></head>
<body>
<form action="login.php" method=post>
<table align="center" border="0" style="padding-top:300px" >
<tr>
<td align="right">Name:</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td align="right">Password:</td>
<td><input type="password" name="password"></td>
</tr>
<?php
if (isset($flag)) {
?>
<tr>
<td colspan="2"><font color="red">Wrong Login or Password</font></td>
</tr>
<?php
}
?>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="submit" value="submit"> <input type="reset" value="clear" ></td>
</tr>
</table>
</form>
</body>
</html>
下面為Success.html:
<html>
<head><title>Sucess</title></head>
<body>
<b>Sucess</b>
</body>
</head>
下面為Failed.html:
<html>
<head><title>Sucess!</title></head>
<body>
<b>Failed!</b>
</body>
</head>
5、JavaScript網頁設計，求代碼！
<body>
<p>請輸入您的姓名</p>
<p><input id=txt type="text" /><input id=btn type="button" value="輸入測試" onclick=test1() /></p>
<script>
var txt=document.getElementById('txt')
var btn=document.getElementById('btn')
function test1(){
if(txt.value==''){
alert('沒輸入任何數據')
}else{
alert(txt.value+'輸入完成')
}
}
</script>
</body>
6、一個javascript製作的網頁
<!doctype html>以上是完整代碼。
7、網頁製作中js是幹嘛用的
html只能用來做靜態的頁面，js可以實現當前日期的調用，div左側與右側的自適應，給你個網址你學學吧很好的 http://www.w3school.com.cn/js/index.asp js語句可長可短，自己根據需要寫 // JavaScript Document function initArray(){ for(i=0;i<initArray.arguments.length;i++) this[i]=initArray.arguments[i]; } var isnMonths=new initArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); var isnDays=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日"); today=new Date(); hrs=today.getHours(); min=today.getMinutes(); sec=today.getSeconds(); clckh=""+((hrs>12)?hrs-12:hrs); clckm=((min<10)?"0":"")+min; clcks=((sec<10)?"0":"")+sec; clck=(hrs>=12)?"下午":"上午"; var stnr=""; var ns="0123456789"; var a=""; function getFullYear(d){ //d is a date object yr=d.getYear(); if(yr<1000) yr+=1900; return yr; } document.write(getFullYear(today)+"年"+isnMonths[today.getMonth()]+""+today.getDate()+"日 "+isnDays[today.getDay()]); 這是我寫的顯示日期的代碼，把我這段代碼放進div， <div> <ul><li class="date">當前日期：<script src="nowdate.js"></script></li></ul></div> 顯示結果就是：當前日期： 2012年4月14日 星期六
8、網頁設計（關於javascript)
(i=0;i<6;i++)
它的意思是令i＝0
當i<6的時候i=i+1
這是一個很常用也很有用的循環指令
sum+=3的意思是SUM=SUM+3
你問的這兩個問題都是基礎問題，我建議你可以買一兩本參考書，然後多多做實例，這樣提高快
我是第一次給人解答。^_^給你說詳細點
我把你這個解釋的詳細一點
在你這個循環里
(i=0;i<6;i++)的實際的作用其實是限定你這個循環的循環次數
也就是在原基礎上多循環5次，即共6次
你默認的SUM=0
第一個輪回時SUM=SUM+3實際上就是SUM=0+3,所以這個時候SUM＝3
而這個時候i=0
這樣第2次循環時
sum=sum+3,也就是SUM在3的基礎上再加3，最後SUM＝6
同時i=0+1,所以這時候i=1
依此
當循環到第6次的時候，SUM就加了6次3了，0＋18＝18
而這個時候i=5,所以這次循環過後，i再加1得6，這時循環停止。
9、用javascript,HTM,css設計一個頁面
function createTable(){
document.write("<table border='2' width='300' height='200'><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></table>");
}
<input type="button" value="生成" onclick="createTable()"/>
10、網頁設計里的js文件是什麼
有問題找百度，不要這么懶
先在網頁一般都會用javascript實現頁面的動態效果，甚至用Ajax（javascript+XML）實現非同步通信效果。
用到javascript代碼的頁面中，javascript代碼的存放位置總共有三種情況：
1. 在<script></script>標簽中間
2. 在各個標簽的< ... onClick="javacript代碼" /> 中
3. 外置的javascript代碼，就是以 .js 文件形式存在