码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript基础知识

时间:2020-10-26 11:14:55      阅读:22      评论:0      收藏:0      [点我收藏+]

标签:button   charset   obj   rev   计算   htm   eve   不同的   value   

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基础知识

标签:button   charset   obj   rev   计算   htm   eve   不同的   value   

原文地址:https://www.cnblogs.com/zunfengliu/p/13873240.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!