JavaScrip(一)JavaScrip的写法

一:如何写JavaScript#

1.直接写入#

<scricp type="text/javascricp >*********</scricp>

直接写到标签里面。

2.通过JS文件引入#

<scricp type="text/javascricp src="bootstrap.js"></scricp>

写成JS文件,通过src来加载。

3.写到哪里#

通常我们写到<head>....</head>之间

不过有些区域性功能,也会写在<body>...</body>中间。

二:如何注释#

1.单行注释#

//注释内容

 

2.多行注释#

/*

注释内容

*/

3.#

三:HTML基础结构#

复制代码
<!--这是注释-->
<!DOCTYPE html>                             <!--定义文档类型-->
<html>                                            <!-- 定义 HTML 文档 -->
<head>                                           <!-- 定义了文档的头部区域 -->
<meta charset="utf-8">                     <!-- 定义关于 HTML 文档的元信息。  -->
<title>菜鸟教程(runoob.com)</title>     <!-- 定义文档的标题。 -->
</head>                                         <!-- 文档的头部区域结束 -->
<body>                                           <!-- 定义文档的主体 -->
    <h1>我的第一个标题</h1>                <!-- h1风格标题 -->
    <p>我的第一个段落。</p>                  <!-- p表示一个段落 -->
</body>                                          <!-- 文档的主体结束 -->
</html>                                           <!-- HTML 文档结束  -->
复制代码

上面是HTML基本结构的一个示例代码,保存为htm或heml后缀的文件,就可以用浏览器打开了。

放在服务器上,我们访问的网页,也就是基于这个基本格式保存的。

后面很多JS的教学测试代码,就不写这个了。

四:Dreamweaver基础#

1.

2.

3.

4.

5.

6.

 

五:JavaScript示例代码#

1.document.write#

<script>
document.write("Hello World!")
</script>

这个是直接写入html文件

2.直接写入#

复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<script>
document.write("<h1>这是一个标题</h1>");
</script>
</body>
</html>
复制代码

 

3.写为JS文件引入#

write.js

 

index.html

复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<script>
document.write("<h1>这是一个标题</h1>");
</script>
</body>
</html>
复制代码

 

作者:上官飞鸿

出处:https://www.cnblogs.com/jackadam/p/9508179.html

版权:本作品采用「知识共享-署名-非商业性-禁止演绎(CC-BY-NC-ND)」许可协议进行许可。

posted @   上官飞鸿  阅读(587)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
more_horiz
keyboard_arrow_up light_mode palette
选择主题
menu
点击右上角即可分享
微信分享提示