JavaScript基础知识

Posted 尊峰

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript基础知识相关的知识,希望对你有一定的参考价值。

javascript是客户端脚本语言,是一种居于对象(Object)和事件驱动(Event Dreven)的脚本语言。JavaScript认为文档和显示文档的浏览器都是由不同的对象组成的集合。这些对象具有一定的属性,你可以对这些属性进行修改或计算。

Javascript 的基本特点是:

  为脚本语言,是基于对象的,具有简单性,动态性,跨平台性

 

Javascript 基本语法

1.<script> 标签

  在html中,使用<script>标签对插入JavaScript。在标识<script>标签对之间可加入JavaScript脚本代码

<script>标签的属性:

Charset

  表示通过Src 属性指定代码的字符集。大多浏览器会忽略该属性,建议不用。

Src:

  指定外部代码的外部文件,可选。

<script type="text/JavaScipt" src="./js/axios-0.18.0.min.js"></script>

Language:

  指定<script>标签中的脚本的类型,即指明这段代码使用JavaScript来编写的,使用方法如下:

<script language="JavaScript"></script>

Type:

  可用来指定<script>标签中的脚本类型。

<script type="text/JavaScript"></script>

  其属性值说明:<script> 标签中的脚本是文本类型(text),并告诉浏览器里面的文本是属于JavaScript的脚本

  注意:大多浏览器会忽略该属性,建议不用,而提成使用type属性,这两是个性的值是不一样的。

 JavaScipt 可以直接嵌入到html中通过浏览器直接运行。在html中嵌入Script代码的方式有两种:

  1.放在<head>标签中(推荐使用)

  2.放在<body>标签中。

例如:在HTML中嵌入JavaScript代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/JavaScript">
        function sum() {
            var s1 =document.f1.s1.value;
            var s2 =document.f1.s2.value;
            var s3 =Number(s1) + Number(s2);
            document.f1.s3.value = s3
        }
    </script>
</head>
<body>
    <form name="f1">
        <input type="text" name="s1">+ 
        <input type="text" name="s2">=
        <input type="text" name="s3">
        <input type="button" value="计算结果" onclick="sum()">
    </form>
    
</body>
</html>

 

以上是关于JavaScript基础知识的主要内容,如果未能解决你的问题,请参考以下文章

30秒就能看懂的JavaScript 代码片段

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)

如何将此 JavaScript 代码片段翻译成 Parenscript?

javascript 代码片段

javascript JS-常用代码片段