javascript基本知识

南橘      2022-02-08     758

关键词:

如何把 JavaScript 放入 HTML 页面

    如果需要把一段 JavaScript 插入 HTML 页面,我们需要使用 <script> 标签(同时使用 type 属性来定义脚本语言)。

    例:    <script type="text/javascript">

          document.write("Hello World!");

         </script>
    
这样,<script type="text/javascript"> 和 </script> 就可以告诉浏览器 JavaScript 从何处开始,到何处结束。



放在不同位置的不同作用

    位于 head 部分的脚本:当脚本被调用时,或者当事件被触发时,脚本就会被执行。当你把脚本放置到 head 部分后,就可以

    确保在需要使用脚本之前,它已经被载入了。

    位于 body 部分的脚本:在页面载入时脚本就会被执行。当你把脚本放置于 body 部分后,它就会生成页面的内容。

    在 body 和 head 部分的脚本:你可以在文档中放置任何数量的脚本,因此你既可以把脚本放置到 body,又可以放置到 head 部分。

    使用外部 JavaScript:

          有时,你也许希望在若干个页面中运行 JavaScript,同时不在每个页面中写相同的脚本。

          为了达到这个目的,你可以将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件。

          注意:外部文件不能包含 <script> 标签。

          然后把 .js 文件指定给 <script> 标签中的 "src" 属性,就可以使用这个外部文件了:

          例:<script src="xxx.js">....</script>

 

如何与老的浏览器打交道

    那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生,我们可以使用这样的 HTML 注释标签:

          <html>

             <body>
               <script type="text/javascript">
               <!--
               document.write("Hello World!");
               //-->
               </script>
             </body>
           </html>   
   注释行末尾的两个正斜杠是 JavaScript 的注释符号,它会阻止 JavaScript 编译器对这一行的编译。

输出语句

    document.write 字段是标准的 JavaScript 命令,用来向页面写入输出。

     句尾最好加一个分号";",这个分号根据标准是可选的,但是最好加上。

    一行之内多条JavaScript语句之间要以分号隔开。

 

组合代码块

    JavaScript使用一对大括号组合代码块。代码块的作用是一并地执行语句序列。常用于函数或条件语句中。

 

JavaScript注释

    JavaScript中有单行注释‘//‘和多行注释‘/**/‘,使用方法和Java中的注释使用方法是一样的。

 

JavaScript 变量

    JavaScript 变量名称的规则:

        变量对大小写敏感(y 和 Y 是两个不同的变量)

        变量必须以字母或下划线开始

        注意:由于 JavaScript 对大小写敏感,变量名也对大小写敏感。

    声明(创建) JavaScript 变量:

        使用var声明变量:

            var carname;

        声明并赋值:

            var carname="Volvo";

    向 JavaScript 变量赋值:

        carname="Volvo";

    向未声明的 JavaScript 变量赋值:

        如果赋值的变量还未进行过声明,该变量会自动声明。

        carname="Volvo"; 和var carname="Volvo"; 语句的效果是一样的。

    重新声明 JavaScript 变量:

        如果再次声明 JavaScript 变量,该变量也不会丢失其原始值:

            var x=5;

            var x; 

        在以上语句执行后,变量 x 的值仍然是 5。在重新声明该变量时,x 的值不会被重置或清除。

 

JavaScript 运算符

    JavaScript中大部分运算符的使用方法和规则和Java中的运算符是一模一样的。以下是不一样的:

    ‘===‘,全等(值和类型)既比较值是否相等,也比较数据类型是否相等。

 









javascript知识图谱

查看详情

web前端基础知识-javascript基本操作

JavaScript是一种轻量级的编程语言。JavaScript是可插入HTML页面的编程代码。JavaScript插入HTML页面后,可由所有的现代浏览器执行。JavaScript很容易学习。一、如何编写?1.JavaScript代码存在形式<!--方式一--><scripttype="text/javascript"... 查看详情

web前端基础知识-javascript基本操作

JavaScript是一种轻量级的编程语言。JavaScript是可插入HTML页面的编程代码。JavaScript插入HTML页面后,可由所有的现代浏览器执行。JavaScript很容易学习。一、如何编写?1.JavaScript代码存在形式<!--方式一--><scripttype="text/javascript"... 查看详情

javascript基本javascript模块(代码片段)

查看详情

javascript的基本语法

Javascript的基本语法  Javascript的基本语法要求有哪些呢?下面我为大家一一进行介绍:1.javascript的执行顺序  按照在HTML文件中的顺序来依次执行。2.区分大小写  javascript区分字符大小写,两个字符串相同大小写不同,会被... 查看详情

javascript之基础知识

JavaScript基础知识JavaScript是属于网络的脚本语言!JavaScript被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。JavaScript是因特网上最流行的脚本语言。JavaScript很容易使用!你一定会喜欢它的!... 查看详情

javascript练习javascript基本变量(代码片段)

查看详情

前端javascript知识

...、Boolean、Number、String介绍一下JS有哪些内置对象。Object是JavaScript中所有对象的父对象数据封装类对象:Object、Array、Boolean、Number、String其他对象:Function、Argument、Math、Date、RegExp、Error列举几条JavaScript的基本代码规范。( 查看详情

javascript--基础知识

知识预览JavaScript概述 二JavaScript的基础三JavaScript的对象BOM对象DOM对象实例练习js扩展回到顶部JavaScript概述 JavaScript的历史1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户... 查看详情

javascript的基本语法

 【JavaScript的基本语法】1.javascript输出JavaScript语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。<script>   document.write("helloworld!");</script>插入,输出。document.getElementById("pid").innerHTML=" 查看详情

javascript知识结构图

  查看详情

javascript初步+基本函数

JavaScript基本写法<scripttype="text/javascript">functionrec(){    //函数定义varmymessage=confirm("你是女人嘛");if(mymessage==true){document.write("你是女士!");}else{document.write("你是男士!");}} </script> 查看详情

javascript基本语法

JavaScript基本介绍及发展趋势ECMAScript通过ECMA-262标准化的脚本程序语言,JavaScript是其实现和扩展。1999年ES3发布,成为JavaScript的通行标准。2009年ES5发布,在所有现代浏览器中得到了相当完全的实现2015年ES6发布,被部分实现于大部... 查看详情

javascript基本操作

一、如何编写?1.JavaScript代码存在形式<!--方式一--><scripttype="text/javascript"src="JS文件"></script><!--方式二--><scripttype="text/javascript">Js代码内容</script>2.JavaScript存放位置 HTM 查看详情

javascript的基本语法数据结构

本篇学习资料主要讲解javascript的基本语法、数据结构   无论是传统的编程语言,还是脚本语言,都具有数据类型、常量和变量、运算符、表达式、注释语句、流程控制语句等基本元素构成,这些基本元素构成了变成... 查看详情

javascript的基本语法数据结构

本篇学习资料主要讲解javascript的基本语法、数据结构   无论是传统的编程语言,还是脚本语言,都具有数据类型、常量和变量、运算符、表达式、注释语句、流程控制语句等基本元素构成,这些基本元素构成了变成... 查看详情

javascript基本(代码片段)

查看详情

javascript创建一个基本的javascript对象(代码片段)

查看详情