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 文件形式存在