pythonweb day07

最新推荐文章于 2022-11-09 19:52:18 发布

CSDN时光

最新推荐文章于 2022-11-09 19:52:18 发布

阅读量422

点赞数 1

文章标签： js web

本文链接：https://blog.csdn.net/qq_42584444/article/details/82491031

版权

这篇博客详细介绍了JavaScript的基础知识，包括JS概述、使用方式、基础语法、变量与常量、数据类型和数据类型转换，以及运算符。内容涵盖JS在网页交互和动态效果中的应用，JS代码的内置、外部引入以及执行方式，还讲解了变量声明、常量定义、数据类型的区分，如number、string、boolean和undefined，以及数据类型转换的规则。此外，还讨论了运算符的使用，如赋值、算法和自增/自减运算符。

摘要由CSDN通过智能技术生成

1.JavaScript概述

什么是JavaScript
简称JS，是一种运行于JS解释器或执行引擎中的脚本代码，是一种浏览器解释型的语言
主要用来实现页面的交互与动态效果
JS的组成
1. 核心语法 - ECMAScript 规范了JS的基本语法
2. 浏览器对象模型 -BOM
  Browser Object Model，提供了一系列操作浏览器的方法
3. 文档对象模型 -DOM
  Document Object Model . 提供了一系列操作文档的方法

2.JS使用方式

在元素标签中绑定JS代码，主要指JS事件
事件：用户在元素上所激发的行为操作（单击）
语法：
```
<标签 onclick="JS 操作">
```
JS 操作如果涉及代码非常多，一般会抽离出来单独写在JS文件中，如果是简单的代码，可以以属性值字符串的形式书写
et：
```
console.log("在控制台中输出一句话");
```
将JS代码嵌套在文档中，使用<script></script>标签
语法：
```
<script>
    JS代码
</script>
```
注意：<script></script>标签可以书写在文档的任意位置，书写多次，但是不同的位置会影响代码最终的执行效果
特点：
网页加载到标签时就会执行内部的JS代码
et：
```
<script>
    console.log('');
    //在页面中输出，会重写网页主体内容
    document.write('');
</script>
```
外部链接
语法：
创建外部的JS文件 .js
在文档中使用<script src='JS路径'></script>引入
src 引入的外部资源是网页加载所必须的一部分，网页加载src文件时，会等待文件加载完毕再执行后面的代码
href 网页在加载href文件时，不会等待加载完毕，边加载边向后执行
注意：在JS 的引入标签中
<script src='JS路径'></script>
不能再书写任何JS代码
常用操作：
1. alert(' '); 普通的网页弹框
2. prompt(' '); 接收用户输入的弹框，返回用户输入的内容
3. document.write('<h1>hello</h1> ');
  1. 在使用事件方式写入时，会重写网页内容（事件涉及网页刷新），
  2. 可以识别HTML标签，脚本代码可以在文档任何地方书写，如果是普通写入（不涉及事件），区分代码的书写位置，在当前位置中插入，如果是在head中嵌入，内容会作为body的首行内容显示，
4. console.log(); 控制台输出，多用于代码调试
  练习：
  1. 使用元素绑定事件的方式，在控制台输出一句话‘我的第一个JS练习’ 使用button标签
  2. 使用script标签在文档中嵌入JS代码，实现网页中写入一级标题，内容不限
  3. 创建外部的JS文件，HTML中引入，实现弹框提示，alert(),提示内容不限
```
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<style type="text/css">
		div{
			width: 100px;
			height: 100px;
			background-color: red;
		}
	</style>
	<script type="text/javascript">
		console.log("文档中嵌入的JS代码");
		document.write("asdghfhfjh");
	</script>
	
</head>
<body>
	

	<div onclick="document.write('网页中显示内容');"></div>

	<button onclick="console.log('我的第一个JS练习');">点我</button>

	<script type="te
```

最低0.47元/天解锁文章

CSDN时光

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
pythonweb day07

目录 1.JavaScript概述2.JS使用方式3.基础语法4.JS的变量与常量5.数据类型6.数据类型转换7.运算符1.JavaScript概述什么是JavaScript 简称JS，是一种运行于JS解释器或执行引擎中的脚本代码，是一种浏览器解释型的语言主要用来实现页面的交互与动态效果 JS的组成核心语法 - ECMAScript 规范了J...
复制链接

扫一扫