发表于： 2017-04-09 21:35:39
1 1066
今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）
了解 如何使用JS进行页面跳转和传参
明天计划的事情：（一定要写非常细致的内容）
理解JS数组乱序
JS的键盘事件
遇到的问题：（遇到什么困难，怎么解决的）
收获：（通过今天的学习，学到了什么知识）
在5秒后，自动跳转到同目录下的hello.html文件。
1) html的实现
<head>
<!-- 以下方式只是刷新不跳转到其他页面 -->
<meta http-equiv="refresh" content="10">
<!-- 以下方式定时转到其他页面 -->
<meta http-equiv="refresh" content="5;url=hello.html">
</head>
2) JavaScript的实现
<script>
// 以下方式直接跳转
window.location.href='hello.html';
// 以下方式定时跳转
setTimeout("javascript:location.href='hello.html'", 5000);
</script>
在页面之间跳转的方式有两种：
window.location.href=”test.html?num=10” 地址会改变参数也会被传递但是不会打开新窗口
window.open("test.html") 这样会重新打开一个新窗口。
JavaScript高级程序设 这样叙述参数传递：所有函数的参数都是按值传递的,也就是说把函数外部的值复制给函数内部的参数，就和把值从一个变量复制到另一个变量一样。
1.利用URL地址传递参数
如果是按照第一种方式进行了传递则有参数，那么我们怎们获取url中的参数那，那就使用js默认的属性： var url = location.search;
把参数值附在url后面传递到其他页面
如： http://xxx.com/login.html?mobile=123&pwd=abc 其中“mobile=123”和“pwd=abc”就是我们传递的参数名称和值。
url和参数之间用"?"隔开
多个参数之间用"&"符号连接。
其中的location.search 就是js自动获取url中？ 后的所有值。获取了这个之后就可以使用substring，split等来获取参数了。
JS获取input标签value
<div id="id1">
<form>
<input class="c1" type="text" name="x1" />
<input class="c2" type="text" nane="x2" />
<input class="c3" type="submit" nane="submit" />
</form>
</div>
</body>
通过dom获取到c2这个input里面输入的value
document.querySelector('#id1 .c2').value
返回列表
评论