练习地址：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);
};
259
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
