本文目录一览:
Javascript如何应用到网页中
javascript 使有规律地重复的html文段简化,减少下载时间。javascript 能及时响应用户的操作,对提交表单即使的检查,无需浪费时间交由cgl验证。javascript 的特点是无穷无尽的,只要你有创意。那么javascript 在网页的用法是什么呢,下面我来具体讲讲。 Javascript加入网页有两种方法: 1、直接加入HTML文档 这是最常用的方法,大部分含有Javascript的网页都采用这种方法,如: <script language="Javascript"> <!-- document.writeln("这是Javascript!采用直接插入的方法!"); //-Javascript结束--> </script> 在这个例子中,我们可看到一个新的标签: <script>……</script>,而<script language="Javascript”> 用来告诉浏览器这是用Javascript编写的程序,需要调动相应的解释程序进行解释。 HTML的注释标签<!--和-->:用来去掉浏览器所不能识别的Javascript源代码的,这对不支持 Javascript 语言的浏览器来说是很有用的。 //-Javascript结束:双斜杠表示 Javascript的注释部分,即从//开始到行尾的字符都被忽略。 至于程序中所用到的document.write()函数则表示将括号中的文字输出到窗口中去, 这在后面将会详细介绍。 另外一点需要注意的是,<script>……</script>的位置并不是固定的,可以包含在<head>......</head> 或<body>.....</body>中的任何地方。 2、引用方式 如果已经存在一个Javascript源文件(以js为扩展名),则可以采用这种引用的方式,以提高程序代码的利用率。其基本格式如下: <script src=url language="Javascript"></script> 其中的Url就是程序文件的地址。同样的,这样的语句可以放在HTML文档头部或主体的任何部分。 如果要实现“直接插入方式”中所举例子的效果,可以首先创建一个Javascript源代码文件“Script.js”,其内容如下: document.writeln("这是Javascript!采用直接插入的方法!
js动态生成网页怎么实现
这个不一定是由js动态生成的,发帖或者创建账号后不都是需要提交的吗,提交后页面刷新,再出来的页面就是由后台提供的新页面了,这个不需要由前端js动态生成。
当然,如果提交后页面没有刷新,但又有新内容出现,这倒是有可能是js生成的,一般都是用js通过ajax提交数据,然后再把服务器返回的信息显示到页面上,这样做可以减轻服务器的压力,而且由于页面没有刷新(闪一下),用户体验也较佳。
还有一种可能,是预先把要显示的内容放在页面上,但是隐藏起来,当某种预期的事件发生时再显示出来。
如何用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:"xx@163.com",username:"zhangsan",domain:"hao123",topDomain:".com"},{email:"yy@qq.com",username:"lisi",domain:"baidu",topDomain:".com"},{email:"zz@msn.com",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;iarr.length;i++) {
if (val == arr[i].email) {
username.textContent = arr[i].username;
domain.textContent = arr[i].domain;
topDomain.textContent = arr[i].topDomain;
}
}
}
/script