1、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>
2、利用JavaScript制作网页
楼主并没有把问题描述清楚
在网上找了一段 楼主拿它交差吧 ⊙﹏⊙b汗 祝你好运~
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>3-3.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script language="JavaScript">
function checkValid()
{
var tmp1,temp2,str1;
//获得text1的值
str1 = document.myform.email.value;
//获取第一个@的位置
tmp1 = str1.indexOf('@');
//获取最后一个@的位置
tmp2 = str1.lastIndexOf('@');
if(str1.length == 0)
//不合法,字符串为空串
window.alert("请输入内容后再提交");
else if(tmp1 < 0)
//不合法,字符串中不包含@字符
window.alert("字符串中不包含@");
else if(tmp1 == 0 || tmp1 == str1.length-1)
//不合法,@字符出现的位置不对
window.alert("@字符出现的位置不对");
else if(tmp1 != tmp2)
//不合法,@字符出现了不止一个
window.alert("@字符出现了不止一个");
else
//合法的E-mail地址
alert("E-mail地址合法有效");
}
</Script>
</head>
<body>
<form name="myform">
请输入您的E-mail地址:<br>
<input type=text value="" name="email">
<p><input type=button value="提交"name="ok"onclick="checkValid()">
</form>
</body>
</html>
3、用javascript制作网页
第一、把所有复选框的name改成一样的
第二、(全选、反选)<script type="text/javascript">
//复选框全选
function checkAll(formvalue) {
var roomids = document.getElementsByName(formvalue);
for ( var j = 0; j < roomids.length; j++) {
if (roomids.item(j).checked == false) {
roomids.item(j).checked = true;
}
}
}
//复选框全不选
function uncheckAll(formvalue) {
var roomids = document.getElementsByName(formvalue);
for ( var j = 0; j < roomids.length; j++) {
if (roomids.item(j).checked == true) {
roomids.item(j).checked = false;
}
}
}
//复选框选择转换
function switchAll(formvalue) {
var roomids = document.getElementsByName(formvalue);
for ( var j = 0; j < roomids.length; j++) {
roomids.item(j).checked = !roomids.item(j).checked;
}
}
</script>
第三、弹出新页面:<script> window.open(页面名);<script/>
4、一个javascript制作的网页
<!doctype html>以上是完整代码。
5、如何用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>
6、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>
7、用JavaScript设计一个网站 望各位提供材料!!多谢!!
网页素材站里找吧 http://sucai.heima.com/
8、网页JavaScript 怎么制作?
Macromedia Dreamweaver 8好像没有这个功能 ,不过这个效果是JavaScript +一个flash的图片切换效果 , 网上有很多源码可以下载 到百度搜索"JavaScript 图片切换"会有很多美观的样式源码
9、JavaScript应放在网页的哪?怎么使用JavaScript制作网页
三种方式
一:放在页面代码的<head>标签内
<head>
...
<script type="text/javascript">
<!--
your js codes here;;;
--/>
</script>
...
</head>
二:创建单独的js文件并在<head>标签内创建连接
<head>
...
<script type="text/javascript" href="your js codes file link here"1></script>
...
</head>
三:在html里面潜入代码
如<input type="button" onclick="javascript:your js codes here"/>
最好的方式是第二种,方便代码管理,当代码少和对页面有针对性的时候使用第一种比较方便,第三种是最次的方式,个人觉得没有任何好处,应尽量避免使用这种方式,养成良好的代码编写习惯