JavaScript基础知识
<h2><span style=“color: #00ccff;”><strong>Javascript语法规范</strong></span></h2>
既然要实现静态HTML页面的某些动态效果,就要引入JavaScript。书写之前至少要了解怎样在HTML页面中引入JavaScript。这样才能知道在哪编程Javascript了!
<strong style=“font-size:18px;margin-bottom:20px;”>Javascript 书写位置</strong>
JavaScript的引用共有4种,与css类似,直接嵌入到html页面中
1,页头引入(head标签内);
2,页中引入(body标签内);
2,页尾引入(html标签内以及标签外);
3,元素事件中引入(标签属性中引入);
4,引入外部JS文件;
例如:
<pre class=“line-numbers language-html”><code class=“language-html”><!DOCTYPE html>
<html>
<!–
脚本放置位置问题:
理论上,可以将javascript代码放在网页的任何地方.
如果在打开网页要立即执行脚本的话,需要放到调用它的代码之前
对于不需要一载入页面就开始执行的javascriptdiamante,可以将器放在head中,这样一般是某个事件函数,当事件触发的时候就会执行.
根据javascript dom编程艺术书中说法,放在body结束标签和html结束标签之间,是一个不错的做法,因为javascript往往是操作DOM树,
这样可以确保在javascript开始执行的时候,DOM树加载完毕。
–>
<head>
<meta charset="utf-8" />
<title>javascript的引用方式</title>
<!–
<script type="text/javascript">……</script>格式是固定的,JavaScript代码必须在<script></script>标签内编写,并且必须设置type属性值为“text/javascript”。
–>
<script type="text/javascript">
//这里编写JavaScript程序
</script>
</head>
<body>
<script type="text/javascript">
//这里编写JavaScript程序
</script>
<!--
文件调用:JavaScript代码写到另一个文件当中(其后缀通常为“.js”),然后用格式为“<script src="javascript.js"></script>”的标记把它嵌入到文档中
-->
<script src="js1.js" type="text/javascript" charset="utf-8"></script>
</body>
<script type="text/javascript">
//这里编写JavaScript程序
</script>
</html>
</code></pre>
<strong style=“font-size:18px;margin-bottom:20px;”>JavaScript的转义字符及注释</strong>
<blockquote>
<span style=“color: #ff0000;”> " </span>:转双引
<span style=“color: #ff0000;”> ' </span>:转单引
<span style=“color: #ff0000;”> \n </span>:转换行(不常用)
<span style=“color: #ff0000;”> \r </span>:转回车(不常用)
<span style=“color: #ff0000;”> // </span>:单行注释
<span style=“color: #ff0000;”> /* */ </span>:多行注释
</blockquote>
<h2><span style=“color: #00ccff;”><strong>写一个简单的JavaScript程序。</strong></span></h2>
<strong style=“font-size:18px;margin-bottom:20px;”>程序永远的Hello, world</strong>
<pre class=“line-numbers language-html”><code class=“language-html”>
<script type="text/javascript">
document.write("Hello, world");
</script>
</code></pre>
<strong style=“font-size:18px;margin-bottom:20px;”>简单的JavaScript程序</strong>
<pre class=“line-numbers language-html”><code class=“language-html”>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>一个简单的javascript程序</title>
<script type="text/javascript">
function entermes()
{
alert("你好!Xiaomo blog")
}
window.onload=entermes();
</script>
</head>
<body>
</body>
</html>
</code></pre>

评论区
哎呀,那么多流量哇,不错不错
macOSChrome
大佬晚上好啊 [saorao]
WindowsFirefox
[haobang] 加油加油.一直在暗中监视你 [doge]
WindowsChrome
[bizui]
WindowsFirefox
几天不见大佬博客头变大了hhhh
LinuxChrome
大佬还算不上 [qiaoda]
WindowsFirefox
[jie] <code>alert(“大佬厉害厉害”)</code>
WindowsChrome
console.log(“刚入门的菜鸟啦”) [qiaoda]
WindowsFirefox
朋友 交换链接吗
WindowsChrome
抱歉啊,贵站内容不符合要求,请谅解 [weixiao]
WindowsFirefox