w3cschool JavaScript初级教程疑难点笔记(三)

1、referrer

注解:概念因为太术语,感觉和URL没什么区别似的,查了资料大概就是referrer代表当前页面的上一个页面网址,不过并不常用,因为后台有别的方法回去,而且如果你是通过诸如微信分享进入当前页面的话,就没有上一页的信息了。

2、锚和域名

之前看书有接触过,但是看教程的时候还是忘记了

锚点也可以理解成为一种超级链接,只不过它是网页内部的超级链接(注意不是网站内部)。
比如我们有一个网页很长很长,而且里面的内容,可以分为N个部分。这样的话,我们就可以在网页的顶部设置一些锚点,这样便可以方便浏览者点击相应的锚点,到达本页内相应的位置,而不必在一个很长的网页里自行寻找。

举例:<!DOCTYPE html>
<html>
<head>
<style>
div {
height: 800px;
width: 400px;
border: 2px solid black;
}
h2 {
position: fixed;
margin:50px 500px;
}
</style>
</head>
<body>
<h2>
<a href="#div1">to div1</a>
<a href="#div2">to div2</a>
<a href="#div3">to div3</a>
</h2>
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
</body>
</html>

3、域名、URL

让我们来解析一下下面这一段:

http://mail.163.com/index.html

1)http://:这个是协议,也就是HTTP超文本传输协议,也就是网页在网上传输的协议。

2)mail:这个是服务器名,代表着是一个邮箱服务器,所以是mail.

3)163.com:这个是域名,是用来定位网站的独一无二的名字。

4)mail.163.com:这个是网站名,由服务器名+域名组成。

5)/:这个是根目录,也就是说,通过网站名找到服务器,然后在服务器存放网页的根目录

6:)index.html:这个是根目录下的默认网页(当然,163的默认网页是不是这个我不知道,只是大部分的默认网页,都是index.html)

7)http://mail.163.com/index.html:这个叫做URL,统一资源定位符,全球性地址,用于定位网上的资源。

4、select获取选项个数

<html>
<head>
<script type="text/javascript">
function getLength()
  {
  alert(document.getElementById("mySelect").length)
  }
</script>
</head>
<body>

<form>
<select id="mySelect">
  <option>苹果</option>
  <option>桃子</option>
  <option>香蕉</option>
  <option>桔子</option>
</select>
<input type="button" onclick="getLength()" value="在这个列表中,有多少选项?">
</form>

</body>
</html>

注解:document.getElementById("mySelect").length这个语句直接得到Option的个数,一开始纠结于他为什么不是仅仅得到一个select元素,这应该是select的一个特有函数吧

猜你喜欢

转载自blog.csdn.net/qq_40996041/article/details/83384194
今日推荐