首页 > 编程语言 >8.初始JavaScript

8.初始JavaScript

时间:2024-08-04 22:40:40浏览次数:18  
标签:console log JavaScript js write let document 初始

初始JavaScript

1.什么是JavaScript

javascript能做什么:
	1.网页的动态效果
	2.前后端交互--数据提交(弹窗/输入框/监听实践)
	3.进阶--前端高级框架(Vue,js React.js Node.js)
	

2.JavaScript的组成

js的书写方式和css类似,也有内部写法和外部写法
	内部写法和html中,写一对script标签,在把js内容写到里面
        语法为:<script>js代码</script>
	外部写法就是创建一个专门的js文件,通过script里的src属性引入,写在该标签里的js代码是无效的。
		语法为:
			<script src='js文件路径'></script>
	js的代码最好写在网页内容的最后,因为代码都是从上到下进行执行的。
	如果位置不对,就可能出现先执行js代码,在出现内容的情况
src除了本地文件外,还可以通过网络路径来导入

​ 网络路径网址是jquery

3.js基本输入输出

注释:
	单行注释://内容//.
	多行注释:/*内容*/
输出语句:
	document.write:在网页里写一行内容。能够识别标签。
	字符串需要用引号包裹,数字不用
	语法格式:
		document.write(内容)  注意:是字符串
	案例代码:
		document.write(888)
		document.write('我喜欢你')		
	alert:弹窗,在网页里显示一个弹窗
    	语法格式:
    		alert(内容)
    console.log:在控制台输出日志,在控制台里输出信息(主要用来调试测试内容)
    	语法格式:
    		console.log(内容)
    	案例代码:
    		console.log('666')
   输入语句:
   		prompt('内容')

示例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        // 输入prompt
        let a=prompt('你叫什么名字:')

        // 输出
        document.write(a)
        document.write('我想你了')
        alert('999')
        alert('切切切切')
        console.log('0000')
        console.log('8888')
    </script>
</body>
</html>

4.js变量的基本概念

  • 什么是变量呢?
    • 其实就和其他语言里的变量是一样的,就是一个容器,即赋值,方便后面使用。
  • 变量名规范:
    1. 由数字,字母,下划线,美元符号¥组成(中文不推荐)
    2. 区分大小写Name name
    3. 不要用关键字命名 if for break,etc
    4. 见名知意

var/let=声明符/标识符。在声明变量前需要加上

let = ES6新出的语法:作用和var类似,不过在一些细节上会规范(后面解释)
定义变量:

let 变量名=值,变量名2=值

5.js基本数据类型

js中查看数据类型--typeof
	console.log(typeof 变量名)
数据类型:
	1.整数 let num=11
	2.字符串(string) let name='xjs'
		1.引号不能混用,必须单+单,双+双,反+反
			let name='麒麟“  错误的
		2.反引号是作为模版字符串来使用(格式化输出),让我们可以更好的输出一些带变量的数据,模版字符串只能反引号使用。单/双都不行
		语法:`字符${变量}字符`
			例如:console.log('你好,我是${name}我今年${age}岁')
	3.boolean(布尔类型):
		布尔类型主要作用于逻辑判断,判断真假,只有两个值ture,false
				注意:这里和python是不一样的,小写小写!!!
			定义布尔类型变量的语法:
				let a=true
                 let b=false
				

6.js转义字符

7.js类型转换

8.运算符

9.作业

标签:console,log,JavaScript,js,write,let,document,初始
From: https://www.cnblogs.com/positive-boy/p/18342357

相关文章

  • ECharts与数据可视化:如何高效使用JavaScript实现复杂图表
    ECharts与数据可视化:如何高效使用JavaScript实现复杂图表大家好,我是微赚淘客系统3.0的小编,是个冬天不穿秋裤,天冷也要风度的程序猿!在现代网页开发中,数据可视化已成为展示复杂数据的关键手段。ECharts是一个强大的JavaScript图表库,可以帮助开发者轻松实现各种复杂的图表。本文......
  • 继承的特点注意事项以及类的初始化顺序和加载顺序day08
    继承的好处提高了代码的复用性多个类相同的成员可以放到同一个类中提高了代码的维护性如果功能的代码需要修改,修改一处即可让类与类之间产生了关系,是多态的前提其实这也是继承的一个弊端:类的耦合性很强......
  • JavaScript基础语法
    第一章JavaScript基础语法一、字面量(编程语言中的固定量)1.数字(Number)可以为整数,小数,科学计数(e)等等2.字符串(String)3.表达式用于计算的固定值。3+2.2,3.14*2等4.数组(Array)5.对象(Object)定义一个对象在JavaScript中,对象(Object)是一种复杂的数据类型,用于存储键值对(key-v......
  • 2--Web前端开发-JavaScript
    引入方式1、内部脚本:将JS代码定义在HTML页面中JavaScript代码必须位于<script></script>标签之间在HTML文档中,可以在任意地方,放置任意数量的<script>一般会把脚本置于<body>元素的底部,可以改善显示速度<script>alert("hellojavascript");</script>可放在代码中任意位......
  • JavaScript之ECMAScript(二)
    三、ECMAScript基础(一)函数1.函数的定义函数指能实现特定功能的代码块,通常使用function(){}进行函数的定义2.函数的三种定义形式2.1使用function关键字定义使用function函数名(){函数体}进行定义,使用“函数名()”进行调用。2.1使用var关键字定义使用va......
  • JavaScript Proxy() 构造函数、Proxy对象
    Proxy()构造函数Proxy()构造函数用于创建Proxy对象。语法newProxy(target,handler)可以使用Proxy()构造函数来创建一个新的Proxy对象。构造函数接收两个必须的参数:target是要创建的对象,即要使用Proxy包装的目标对象(可以是任何类型的对象,包括原生数组,函数......
  • JavaScript 中 arguments 对象与剩余参数的对比及转换
    引言在JavaScript中,处理函数调用时传递的不同数量的参数是一项常见的任务。为此,JavaScript提供了两种不同的方法:arguments对象和剩余参数(RestParameters)。本文将探讨这两种方法的区别,并介绍如何将arguments对象转换为真正的数组。arguments对象vs.剩余参数arguments......
  • 【前端】JavaScript入门及实战131-135
    文章目录131定时器(1)132定时器(2)133定时器(3)134轮播图135tools.js131定时器(1)<!DOCTYPEhtml><html><head><title></title><metacharset="utf-8"><styletype="text/css"> *{ margin:0; padding:0......
  • 【前端】JavaScript入门及实战136-140
    文章目录136类的操作137二级菜单138JSON139JSON140json2.js136类的操作<!DOCTYPEhtml><html><head><title></title><metacharset="utf-8"><styletype="text/css"> .b1{ width:100px; height:100p......
  • JavaScript (十七)——JavaScript 声明提升和严格模式
    目录JavaScript声明提升JavaScript初始化不会提升在头部声明你的变量JavaScript严格模式(usestrict)使用"usestrict"指令严格模式声明严格模式的限制JavaScript声明提升JavaScript中,函数及变量的声明都将被提升到函数的最顶部。JavaScript中,变量可以在......