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

网页js设计

发布时间:2020-07-24 11:29:01

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>
<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>

以上是完整代码。

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

与网页js设计相关的知识