导航:首页 > 万维百科 > 网页javascript设计网站

网页javascript设计网站

发布时间:2020-09-13 12:43:04

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>
<html>
<head>
<meta charset="utf-8">
<title>随机汉字</title>
</head>
<body>
<script type="text/javascript">
var str = '玉刊示末未击打巧正扑扒功扔去甘世古节本术可丙左厉右石布龙平灭轧东卡北占业旧帅归且旦目叶甲申叮电号田由史只央兄叼叫另叨叹四生失禾丘付仗代仙们仪白仔他斥瓜乎丛令用甩印乐句匆册犯外处冬鸟务包饥主市立';
var strArr = str.split('');
var font = ['宋体', '黑体', '幼圆', '华文楷体', '方正姚体', '微软雅黑', '华文行楷'];
var w = ['bold','normal'];
function r(a, b){ return Math.floor(Math.random()*a)+(b?b:0);}
for(var i = 0; i<300; i++){
var size = r(60,10);
var colorR = r(256);
var colorG = r(256);
var colorB = r(256);
var word = r(96);
var wi = r(2);
var fo = r(7);
document.write("<span style='font-size:" + size + "px; color:rgb(" + colorR + "," + colorG + "," + colorB + "); font-weight:" + w[wi] + "; font-family:" + font[fo] + "'>" + strArr[word] + "</span>");
}
</script>
 </body>
</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"/>

最好的方式是第二种,方便代码管理,当代码少和对页面有针对性的时候使用第一种比较方便,第三种是最次的方式,个人觉得没有任何好处,应尽量避免使用这种方式,养成良好的代码编写习惯

与网页javascript设计网站相关的知识