js详解1

简介: js详解1

一、JavaScript是什么?

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言 。

1.主要的功能:

嵌入动态文本于HTML页面。

对浏览器事件做出响应。

读写HTML元素。

在数据被提交到服务器之前验证数据。

检测访客的浏览器信息。控制cookies,包括创建和修改等。

基于Node.js技术进行服务器端编程

2.语言的组成:

ECMAScript,描述了该语言的语法和基本对象。

文档对象模型(DOM),描述处理网页内容的方法和接口。

浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口。

二、JS基础内容

1.js基础——hello world

代码如下(示例):

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- js代码需要编写在scrpit标签内 -->
    <script>
 
        // 控制浏览器弹出警告框
        alert("这是我的第一行js代码!");
 
        // 让计算机在页面输出内容
        document.write("Hello World!!!");
 
        // 向控制台输出内容
        console.log("你猜猜我在哪呢!!!");
 
 
        // alert("这是一个弹窗!!");
        // document.write("这是一个文本内容!!");
        // console.log("这是控制台输出内容");
    </script>
</head>
<body>
    
</body>
</html>

2.js基础——js编写的位置

js有三种编写位置的方式

第一种:直接在标签内部使用

第二种:在script标签内使用

第三种:在外部js文件中编写,通过script标签引入(推荐使用)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js编写位置</title>
    <!-- 
        可以将js代码编写到外部js文件中,然后通过script标签引入
        写到外部文件中可以在不同页面同时使用,也可以利用浏览器缓存机制
        推荐使用
    -->
    <!-- 
        script标签一旦引入外部文件了,就不能在此标签内写代码了,即使编写也不会被编译
        如果需要则可以在创建一个新的script标签用于编写内部代码
     -->
    <script src="./js/scrpit.js"></script>
 
 
    <!-- 
            可以将代码编写到script标签内 
        <script>
            alert("我是script标签内的js代码")
        </script>
    -->
</head>
<body>
    <!-- 
        可以将js代码写在标签的onclick属性中
        当我们点击按钮时,js代码才会执行
     -->
    <button onclick="alert('讨厌,你点我干嘛!!!')">点我一下</button>
    <!-- 
        可以将js代码写在超链接的href属性中,当点击超链接时,会执行js代码
     -->
     <a href="javascript:alert('让你点你就点')">你也点我一下</a>
     <a href="javascript:">你也点我一下</a>
</body>
</html>


目录
相关文章
|
6月前
|
数据可视化 JavaScript 前端开发
Turf.js介绍
Turf.js介绍
439 0
|
1月前
|
JavaScript
js问题总结
js问题总结
29 0
|
5月前
|
XML JavaScript 前端开发
JS是什么
JS是什么
116 0
|
6月前
|
编解码 JavaScript 前端开发
js一些理解
js一些理解
31 1
|
11月前
|
JavaScript
metainfo.js
metainfo.js
90 1
|
12月前
|
移动开发 JavaScript 前端开发
什么是js? js的特点是什么?
什么是js? js的特点是什么?
81 0
|
JavaScript
JS数学方法
JS数学方法
|
JavaScript
js小技巧(2)
js小技巧(2)
|
JavaScript
js超实用的小技巧(1)
js超实用的小技巧(1)
|
JavaScript
一些js 小技巧
一些js 小技巧
104 0