`
schy_hqh
  • 浏览: 555680 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

w3r-javascript01: JavaScript Syntax

 
阅读更多

 

The script Tag

 

Syntax---src属性

This attribute specifies the location of an external script.

This attribute is useful for sharing functions among many different pages.

Note that external JavaScript files contain only JavaScript statements and files must have the extension .js.

 <script src = "common.js">
  JavaScript statements....... 
  </script> 

 

 

Syntax---type属性

This attribute specifies the scripting language.

The scripting language is specified as a content type (e.g., "text/javascript" ).

The attribute is supported by all modern browser.

 <script type="text/javascript">
     JavaScript statements....... 
  </script> 

 

 

 

Javascript in html document

 

Optionally, if your script is not required to be executed before the content of the body is displayed, and your script takes longer time to load objects, you can place your script at the end of the body element. 

 

为了让页面以最快的速度呈现给客户,可以将那些与页面初始化显示无关而且加载耗时的js脚本放到body标签的最后。

 

Script in the Head

 

  <!DOCTYPE html>
  <head>
  <meta charset="utf-8" />
  <title> Script in head section </title>
  <script type = "text/javascript">
  JavaScript statements....... 
  </script>
  </head>
  <body>
  </body>
  </html> 

 

Script in the Body

 

  <!DOCTYPE html>
  <head>
  <meta charset="utf-8" />
  <title> Script in the Body </title>
  </head>
  <body>
  <script type = "text/javascript">
  JavaScript statements....... 
  </script>
  </body>
  </html> 

 

Scripts in the Head and Body

 

  <!DOCTYPE html>
  <head>
  <meta charset="utf-8" />
  <title> Script in head and body section </title>
  <script type = "text/javascript">
  JavaScript statements....... 
  </script>
  </head>
  <body>
  <script type = "text/javascript">
  JavaScript statements....... 
  </script>
  </body>
  </html> 

 

Two Scripts in the Body

 

  <!DOCTYPE html>
  <head>
  <meta charset="utf-8" />
  <title> Two Scripts in the Body </title>
  </head>
  <body>
  <script type = "text/javascript" scr="jsexample.js" >
  </script>
  <script type = "text/javascript">
  JavaScript statements....... 
  </script>
  </body>
  </html> 

 

 

Double or Single Quotes in JavaScript 

 

There is no preferred method, you can use either.

If you use one form of quote (either single or double) in the string, you may use other as the literal. 

 

双引号与单引号,在javascript都可以用在字符串上;

如果使用它们中的一个(单引号或双引号)在字符串上,你可以使用另一个来进行文本内容的修饰。

 

Case sensitivity

 

JavaScript is case sensitive.Therefore when we write any JavaScript word (for example "else") we must maintain proper case.

As JavaScript is case sensitive , a variable name "empcode" is not the same as "Empcode" or a function name "PayCalculation" is not the same as "paycalculation".
Always remember everything within <script type="text/javascript">and <script> tags (which are HTML tags) are case sensitive. 

 

JavaScript是大小写敏感的,区分大小写!

 

 

The Semi-Colon

 

In general JavaScript does not require a semi-colon at the end of a statement.

If you write two statements in a single line then a semi-colon is required at the end of the first statement.

However experienced programmers prefer to use a semi-colon at the end of each statement to make the code more readable and fix errors easily. 

 

一般而言,JavaScript不需要在每条语句后面加"分号";

但是,使用"分号"来分隔每条语句是一个好的做法,让代码更有可读性、维护性!

 

 

JavaScript Comments

Single line comment

单行注释

// This is a single line comment
alert("We are learning JavaScript single line comment");
//alert("Good Morning.");

 

Multiple line comments

多行注释

/* Multiple line comments start here
alert("Good Morning");
Multiple line comments end here*/
alert("We are learning JavaScript multiple
line comments.");

 

 

分享到:
评论

相关推荐

    syntax-error-game-web:YazımHatasıOyunu'nun网站idir

    对于想要深入学习HTML、CSS和JavaScript的人来说,有许多在线资源可以参考,如MDN Web Docs(https://developer.mozilla.org/)、W3Schools(https://www.w3schools.com/)等。这些网站提供了详细的教程、实例和参考...

    创建Firefox扩展

    &lt;RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"&gt; &lt;Description about="urn:mozilla:install-manifest"&gt; &lt;em:id&gt;sample@example.net&lt;/em:id&gt; &lt;em:...

    YACP:另一个 CSS 预处理器

    /* Define variables in W3C syntax */ : root { --font-lg : 18 px ; } /* Placeholder selector for `extend` */ %att { col or : red ; font-weight : normal ; } . attBox { extend : %att; /* Extend `%att...

    自己在用的富文本编辑器

    JavaScript是Web开发中的重要脚本语言,主要负责客户端的交互和动态效果。在富文本编辑器中,JavaScript用于处理用户输入、格式转换、事件响应等功能。HTMLBox利用JavaScript实现了在浏览器中对文本的编辑、格式化...

    常用的五十个PHP工具

    PHP是世界上最受欢迎的开源服务器端脚本语言之一,尽管它可能不是速度最快的,但它的广泛使用使得PHP成为了许多开发者首选的编程工具。本文将介绍50个常用的PHP工具,这些工具能够极大地提升PHP编程的效率和质量。 ...

    新冠图谱数据规范1

    - `&lt;http://www.openkg.cn/2019-nCoV/character/class/C10&gt;` 是主语, `&lt;http://www.w3.org/1999/02/22-rdf-syntax-ns#type&gt;` 是谓语, `&lt;http://www.w3.org/2000/01/rdf-schema#Class&gt;` 是宾语,表明这是一个类。...

    stylelint-validator:Stylelint插件可验证CSS语法

    目前,它仅检查声明值以匹配W3C规范和浏览器扩展。 将来会扩展它以验证CSS的其他部分。 验证程序仅用于检查CSS语法。 但是PostCSS(由stylelint用作后端)可以解析其他语法,例如Less或Sass,也可以用于这些语法。...

    [removed]()的用法与实例分析

    `window.onerror` 是JavaScript中一个重要的错误处理机制,它允许开发者捕获并处理运行时的错误,而不是让浏览器默认地显示错误信息或者中断程序执行。这个事件处理器在脚本执行过程中遇到错误时会被调用,提供了对...

    test heuristics cheat sheet

    - **日期格式**:使用不同的日期格式,如`June5,2001`、`06/05/2001`、`06/05/01`、`06-05-01`、`6/5/200112:34`等。 - **夏令时变更**:模拟夏令时开启和关闭的时间切换。 - **时钟调整**:将系统时钟向前或向后...

    Easy_Click_开发文档修正--脚本函数篇.pdf

    此外,文档还包含对JavaScript基础教程、C编程入门、W3C学院廖雪峰JavaScript教程等资源的感谢和推荐,这表明文档编写者认为这些资源对于理解和学习JavaScript编程语言非常有帮助。 综上所述,EasyClick开发文档中...

    Javascript 错误处理的几种方法

    然而,任何编程语言都可能出现错误,JavaScript也不例外。为了确保程序的稳定性和用户体验,我们需要有效地处理这些错误。本文将介绍两种JavaScript错误处理的方法。 首先,我们可以使用`window.onerror`事件处理器...

    XMLSecurity

    同时,了解和应用相关的安全标准,如W3C的XML Signature Syntax and Processing和XML Encryption Syntax and Processing,能帮助构建更健壮的XML安全解决方案。 总的来说,XMLSecurity涉及到的是XML数据的加密和...

    python爬取w3shcool的JQuery课程并且保存到本地

    Python爬虫技术是一种用于自动化网页数据抓取的工具,它可以帮助我们从互联网上获取大量有用的信息,例如在本例中,目标是获取W3School网站上的JQuery课程内容并保存到本地。W3School是一个知名的在线学习平台,提供...

    webauthn-cose

    JavaScript是Web开发中广泛使用的脚本语言,也是实现WebAuthn-COSE库的基础。由于WebAuthn标准在浏览器环境中运行,因此通常使用JavaScript来编写Web应用的前端部分,与用户的交互逻辑,以及与后端服务器的通信。 ...

Global site tag (gtag.js) - Google Analytics