JavaScrip(一)JavaScrip的写法

一：如何写JavaScript

1.直接写入

直接写到标签里面。

2.通过JS文件引入

写成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基础

五：JavaScript示例代码

1.document.write

这个是直接写入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

JavaScrip(一)JavaScrip的写法相关推荐

Day 50 CSS剩余和初识JS
Day 50 CSS剩余和初识JS 定位流一.相对定位就是相对于自己以前在标准流中的位置来移动格式:position:relative: 需要配合以下四个属性一起使用:top:20pxleft:2 ...
（四）javaweb 学习--javascript篇基础
文章目录 javascript (数据类型,方法) javascrip使用 javascrip使用进阶 HTML代码 CSS代码 javascript代码 javascrip使用进阶2 HTML代码 ...
JavaScrip笔记心得（持续更新）
JavaScrip笔记心得一.JavaScript简介 1.JavaScript 2.JavaScript使用方法 3.JavaScript 的核心构成 4.Javascript的代码注释 5. J ...
使用JavaScrip实现简单问卷星快速生成自定义数据
目录使用JavaScrip实现问卷星快读填写一.创建属于自己的测试问卷调查二.编写JS文件三.在网页上设置自己的JS 四.结果使用JavaScrip实现问卷星快读填写最近遇到很多需要做问卷 ...
用Javascrip写出selelct下拉菜单效果
用Javascrip写出selelct下拉菜单效果话不多说,先上效果图: html代码: <p>2.模拟selelct下拉菜单</p><div class=" ...
廖雪峰javascrip学习笔记进阶
标准对象有这么几条规则需要遵守: 不要使用new Number().new Boolean().new String()创建包装对象: 用parseInt()或parseFloat()来转换任意类型 ...
js 的数组怎么push一个对象. Js数组的操作push,pop,shift,unshift JavaScrip
js 的数组怎么push一个对象. Js数组的操作push,pop,shift,unshift JavaScrip push()函数用于向当前数组的添加一个或多个元素,并返回新的数组长度.新的元素将会 ...
php 立即执行函数,关于javascrip的立即执行函数的解析
这篇文章主要介绍了关于javascrip的t立即执行函数的解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下概念: 立即执行函数顾名思义就是函数定义好之后立即执行. 函数表达式方式: ...
html文字跳动特效,Javascrip实现文字跳动特效
一.如何让字符串变成一个个的字体,让我们去控制 1获取字符串内容 2清空字符串内容 3遍历字符串, 然后一个个的切割出来. 4给切割出来的文字添加定位 5把添加好定位的文字,重新赋值到获取的元素里 ...