练习地址:http://www.fgm.cc/learn/lesson3/01.html
终于来到第三课了!
输出代码:
可以使用pre和code标签。code 不保留原来内部元素的 文本格式,诸如换行符、缩进符被删掉了。pre标签可以保留 pre 元素中的 文本的 空格和换行符,还可以包含 链接、水平分割线、图像。简单来说,code是一行代码,pre是一段代码。
转义字符:这里转义的是"<“和”>"。详细可看这里:HTML了转义符号大全。这里我有一个问题,希望大家能指点迷津:JavaScript中alert的内容里,为什么这样写“\\n\n”?第一个\是为了转义第一个换行符的反斜杠,那为什么第二个换行符的反斜杠不需要转义?第一个反斜杠可以转义后面所有内容吗?不理解,还请朋友们指点一下我啊哭唧唧。。我太菜了!
打开网页,先alert出它们的数据类型的信息,再出现页面内容。把JavaScript内容放在HTML里面是可行的,但如果是外部文件:需要把script标签放在body标签头的后面:为的是让网页先执行JavaScript再执行解析页面。
代码如下:
HTML
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>用typeof查看数据类型</title>
<link rel="stylesheet" type="text/css" href="1_typeof.css">
</head>
<body>
<!-- 把script放到这里,先执行JavaScript再解析页面(放到head里面不行) -->
<script type="text/javascript" src="1_typeof.js"></script>
<div id="container">
<pre>
<script type="text/javascript">
alert(typeof 12345); <span>//输出number</span>
alert(typeof "abc"); <span>//输出string</span>
alert(typeof document); <span>//输出object</span>
</script>
</pre>
</div>
</body>
</html>
CSS
#container {
width: 96%;
margin: 0 auto;
border: 1px dotted black;
background: #EAEAEA ;
}
pre {
margin: 0;
padding: 10px;
padding-bottom: 0;
color: green;
}
span {
color: gray;
}
JavaScript
window.onload = function() {
alert("typeof 12345 → "+ typeof 12345 + "\
\n\ntypeof \"abc\" → " + typeof "abc" + "\
\n\ntypeof document → " + typeof document);
};