前言：

介绍一下javascript的最基础语法规范和用法。

  1. HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
  2. 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

1.<script> 标签

  1. 如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。
  2. <script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

2.JavaScript 函数和事件

  1. 通常，我们需要在某个事件发生时执行代码，比如当用户点击按钮时。
  2. 如果我们把 JavaScript 代码放入函数中，就可以在事件发生时调用该函数。

3.在 <head> 或者 <body> 的JavaScript

  1. 可以在 HTML 文档中放入不限数量的脚本。
  2. 脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。
  3. 通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。

4.外部的 JavaScript

  1. 也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
  2. 外部 JavaScript 文件的文件扩展名是 .js。
  3. 如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件

实例：

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>Yubaba丶</title>

 </head>

 <body>

 <h1>我的 Web 页面</h1>

 <p id="demo">一个段落。</p>

 <button type="button" onclick="myFunction()">点击这里</button>

 <p><b>注释：</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p>

 <script src="myScript.js"></script>

 </body>

 </html>

myScript.js 文件代码如下：

 function myFunction()

 {

     document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";

 }

02JavaScript用法的更多相关文章

  1. EditText 基本用法

    title: EditText 基本用法 tags: EditText,编辑框,输入框 --- EditText介绍: EditText 在开发中也是经常用到的控件,也是一个比较必要的组件,可以说它是 ...

  2. jquery插件的用法之cookie 插件

    一．使用cookie 插件 插件官方网站下载地址:http://plugins.jquery.com/cookie/ cookie 插件的用法比较简单,直接粘贴下面代码示例: //生成一个cookie ...

  3. Java中的Socket的用法

                                   Java中的Socket的用法 Java中的Socket分为普通的Socket和NioSocket. 普通Socket的用法 Java中的 ...

  4. [转载]C#中MessageBox.Show用法以及VB.NET中MsgBox用法

    一.C#中MessageBox.Show用法 MessageBox.Show (String) 显示具有指定文本的消息框. 由 .NET Compact Framework 支持. MessageBo ...

  5. python enumerate 用法

    A new built-in function, enumerate() , will make certain loops a bit clearer. enumerate(thing) , whe ...

  6. [转载]Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

    本文对Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法进行了详细的总结,需要的朋友可以参考下,希望对大家有所帮助. 详细解读Jquery各Ajax函数: ...

  7. 【JavaScript】innerHTML、innerText和outerHTML的用法区别

    用法: <div id="test">   <span style="color:red">test1</span> tes ...

  8. chattr用法

    [root@localhost tmp]# umask 0022 一.chattr用法 1.创建空文件attrtest,然后删除,提示无法删除,因为有隐藏文件 [root@localhost tmp] ...

  9. 萌新笔记——vim命令“=”、“d”、“y”的用法（结合光标移动命令，一些场合会非常方便）

    vim有许多命令,网上搜有一堆贴子.文章列举出各种功能的命令. 对于"="."d"."y",我在无意中发现了它们所具有的相同的一些用法,先举 ...

随机推荐

  1. Android 友盟统计的集成与使用（包含多渠道打包配置）

    前言 app上线后,一般公司都希望跟踪app在市场上的使用情况.包括新增用户.活跃用户.渠道信息.错误信息等,还有例如商城类的app,需要跟踪用户最喜欢浏览哪种类型的店铺或商品.这些都可以通过集成友盟 ...

  2. 2 （自我拓展）部署花的识别模型（学习tensorflow实战google深度学习框架）

    kaggle竞赛的inception模型已经能够提取图像很好的特征,后续训练出一个针对当前图片数据的全连接层,进行花的识别和分类.这里见书即可,不再赘述. 书中使用google参加Kaggle竞赛的i ...

  3. win10下Java环境配置

    JAVA_HOME : E:\ensoft\jdk(这个是jdk安装路径) CLASSPATH : .;E:\ensoft\jdk\lib;E:\ensoft\jdk\lib\dt.jar;E:\en ...

  4. 抓取windows系统进程

    最近在开发辅流分享界面,然后之前的windows编程的代码都忘记了,翻到了一个博客,具体的还是去msdn去查函数,这个是入门的链接如下: http://blog.csdn.net/zdragon200 ...

  5. JS 获取指定日期的前几天，后几天

    function getNextDate(date,day) { var dd = new Date(date); dd.setDate(dd.getDate() + day); var y = dd ...

  6. sql server alter column 由于一个或多个对象访问此列，ALTER TABLE ALTER COLUMN 失败

    今天在修改一个字段类型,由原来的 varchar(500) 增加到 varchar(1000) 则对应的SQL 语句,执行后如图错误 结果查下来是因为其中一个视图建成了索引视图, 解决办法:先将该视图 ...

  7. 使用websploit在局域网全自动渗透

    原理为 websploit调用dnsdpoof进行dns欺骗配合神器metasploit的web_autopwn模块进行渗透:特点:过程基本全自动. 终端输入websploit打开websploit: ...

  8. Radmin自动连接 c#版 带源码

    实现原理:1.利用radminview 自带命令 2.大漠绑定插件. 附图: 源码下载:http://files.cnblogs.com/eastday/Radmin%E8%87%AA%E5%8A%A ...

  9. 支持FreeMarker需要哪些JAR包?

    FreeMarker所需的全部jar包,Jar包:struts2-core-2.0.11.2.jar,xwork-2.0.5.jar,ognl-2.6.11.jar,freemarker-2.3.8. ...

  10. MATLAB入门学习（四）

    今天我们开始学编程啦~ 点击左上角的这个进入编程界面 这是新建新的.m文件,也就是matlab命令文件, 一般命令文件不带输入和输出的参数,只是一些命令的组合,带有输入输出参数的文件是函数文件~ 下面 ...