js第一天

1.JS介绍

全称叫JavaScript,但不是Java,js是一门前台语言,而Java是后台语言。

js的作者是布兰登.艾奇

前台语言:运行在客户端的

后台语言:跟数据库有关

2.JS可以干什么?

页面特效,开发页面游戏,后台开发等等。

3.JS和ECMAScript之间的关系

ES不是语言,是js的标准,我们学习js得按ES的标准学习

4.前端的三个层次

html 结构层

css 表现层

js 行为层

5.js写在哪里

因为js和php都是脚本语言,js写在script这个标签里,php写在<?php>标签里

A.

B.

6.变量

变量:可以改变的量,往往用英文字母代替变量,并且区分大小写。

变量的定义(声明):var加字母   例如: var  a 我声明了一个变量叫a

变量的用途:变量其实是一个容器,起到临时存储数据的作用。

通过=进行赋值   如var a=12;

7.js语言的输出

  alert()这是js中的一个弹出框

  

  console.log()浏览器控制台输出,用于代码测试

  

  document.write()在浏览器中写出

  

8.js的注释

  (1)单行注释//

  (2)多行注释/*内容*/

9.常量  不变的量

汉字  数字往往当做值使用。除了数字之外  要带引号"  "

红色的报错,说明雅宁是个变量,但是这个变量没有声明

说明这个变量没有赋值

变量起名的规则:不能使用汉字  区分大小写  不能使用特殊符号开头除了_    $

_a    √   -a   ×     a3  √     3a ×

 带引号和不带引号

带引号的是什么就输出什么叫字符串   ---叫字符串

 变量不是字符串   变量输出的是他后面的值   如果没有 赋值就是underfined

带引号的45是字符串,用+ 只是拼接 没带的是数字 +是四则运算

Js的关键字  var

10.js语言的四则运算

 

+

纯数字之间就是加法  3+6

和字符串之间   + 就是拼接

-

  纯数字是减法

  和字符串之间   - 还是减

*

  纯数字还是乘法

  和字符串之间 还是乘

/

  纯数字是除 和字符串还是除

  减乘除 三者有隐式转换的能力。在计算的过程中 将字符串强制转成了数字。

%

  取余数  

数字

  整数(整型)和小数(浮点型)

  parseInt() 将字符串强制转换成整型  parseFloat() 将字符串强制转换成浮点型

代码执行的顺序是从上往下。一个模块一个模块的执行

变量提升:浏览器的功能

JS代码执行

  js代码执行前,浏览器会给他(js)一个全局环境,叫windows(全局作用域)。在window下

浏览器找到所有的带var和function的关键字然后给他们分配内存地址。不管你赋值没赋值,浏览器告诉所有的子模块,这个东西存在了。这种能力叫变量提升。

变量的值

  我们学了两个了,一个是字符串,数字。不管是字符串还是数字,后面的值统统称为数据。

数据的类型有哪些?

  字符串 数字  数组   json   对象   布尔   undefined   函数

        基本和复合

 运算

  (1)四则运算:加减乘除在一起,先算乘除后算加减

  (2)逻辑运算 或(||)且(&&)非(!)     结果是布尔     true和false

  (3)比较运算 >>=<<=! (取反)==(双等号)

             =是赋值运算  结果是true和false     

             ===全等   数据的类型和值都一样   不全等于!==

             

             双等号也有隐式转换的能力

 

js代码执行前,浏览器会给一个全局作用域windows

windows分两个模块,一个是存储模块,另一个是执行模块

存储模块:查找所有的var和function关键字 给这些变量添加内存地址

执行模块  代码从上到下执行,遇到了变量就会去存储模块找

有就看赋值有没有,赋值了就是后面的值,没有赋值就是undefined

没有  结果就是xxx is not defined

 

 

 

 

转载于:https://www.cnblogs.com/jiangningjn/p/9794092.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/570306.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Ubuntu 如何为 XMind 添加快速启动方式和图标

目录 Ubuntu 如何为 XMind 添加快速启动方式和图标Ubuntu 如何为 XMind 添加快速启动方式和图标 按照教程Ubuntu16.04LTS安装XMind8并创建运行图标进行Xmind安装 下载安装包打开~/Download文件夹&#xff0c;解压.zip压缩包&#xff0c;之后在解压的文件夹中打开终端&#xff0…

如何点击打印,直接打印出来,不弹打印设置选项

现在有两种解决方案,亲测有效。 (1).第一种是需要安装插件,网上下载ScriptX.cab文件 下载成功后将文件放在项目某个目录下,然后在页面body中写上: (记得codebase属性为ScriptX.cab文件的放置路径,是绝对路径) 把window.print()改成:factory.printing.Print(false)即可; 远…

[CQOI2014]通配符匹配

https://www.zybuluo.com/ysner/note/1311407 题面 几乎所有操作系统的命令行界面\((CLI)\)中都支持文件名的通配符匹配以方便用户。 最常见的通配符有两个&#xff0c;一个是星号&#xff0c;可以匹配\(0\)个及以上的任意字符&#xff1b; 另一个是问号&#xff0c;可以匹配恰…

jsp常用的onchange事件

定义和用法&#xff1a; onchange 事件会在域的内容改变时发生。 onchange 事件也可用于单选框与复选框改变后触发的事件。例如<input>、<select>、<textarea> <input type"text" id"name" onchange"myFunction()">&…

POJ Area of Simple Polygons 扫描线

这个题lba等神犇说可以不用离散化&#xff0c;但是我就是要用。 题干&#xff1a; DescriptionThere are N, 1 < N < 1,000 rectangles in the 2-D xy-plane. The four sides of a rectangle are horizontal or vertical line segments. Rectangles are defined by their…

window.print()打印时,如何自定义页眉/页脚、页边距

自定义页眉/页脚、页边距&#xff0c;要用到ActiveX控件&#xff08;在ie的安全设置的启用&#xff09;&#xff0c;会修改注册表中ie的设置&#xff0c;代码如下。 try{ var hkey_root,hkey_path,hkey_key; hkey_root"HKEY_CURRENT_USER"; hkey_path"\\Soft…

java.lang.ClassCastException: java.math.BigDecimal cannot be cast to java.lang.String

这个问题是&#xff0c;类型转换出错&#xff0c;为什么呢&#xff1f; 因为BigDecimal不能强制转换成 String类型&#xff0c;要用toString()转换。

String转换为int类型

在java中使用 Integer.parseInt 在js中使用 parseInt

Luogu P4205 [NOI2005]智慧珠游戏

P4205 [NOI2005]智慧珠游戏 题意 题目描述 智慧珠游戏拼盘由一个三角形盘件和\(12\)个形态各异的零件组成。拼盘的盘 件如图\(1\)所示 对于由珠子构成的零件&#xff0c;可以放到盘件的任一位置&#xff0c;条件是能有地方放&#xff0c;且尺寸合适&#xff0c;所有的零件都允许…

js中给多个class属性的标签赋值

根据ID给标签赋value值&#xff0c; document.getElementById("id").value"张三"; 当有多个class属性时&#xff0c; for(var i0;i<10;i){document.getElementsByClassName("name")[i].value"李四"; }

Cannot set property 'value' of undefined

一般情况都是js报错引起的&#xff0c;根据实际总结到&#xff1a; 1、js页面初始化时&#xff0c;执行$(document).ready(function(){})方法&#xff0c; 当你要加载的页面内容很多时&#xff0c;你的页面还未加载完&#xff0c;执行初始化函数报错。 2、在初始化函数中&…

Spring Boot + Spring Cloud 构建微服务系统(三):服务消费和负载(Feign)

Spring Cloud Feign Spring Cloud Feign是一套基于Netflix Feign实现的声明式服务调用客户端。它使得编写Web服务客户端变得更加简单。我们只需要通过创建接口并用注解来配置它既可完成对Web服务接口的绑定。它具备可插拔的注解支持&#xff0c;包括Feign注解、JAX-RS注解。它也…

Scrapy突破反爬虫的限制

7-1 爬虫和反爬的对抗过程以及策略基本概念爬虫&#xff1a;自动获取网站数据的程序&#xff0c;关键是批量的获取反爬虫&#xff1a;使用技术手段防止爬虫程序的方法误伤&#xff1a;反爬技术将普通用户识别为爬虫&#xff0c;如果误伤过高&#xff0c;效果再好也不能用一般ip…

Oracle中“不等于”的使用

在oracle中判断字段id不是“123”时&#xff0c; select * from user where id<> 123; 但是id为空的&#xff0c;却怎么也查询不出来。 这是why&#xff1f;原因是&#xff1a;字段为null的时候&#xff0c;只能通过is null或者is not null来判断。 这样写才是正确的…

wpf控件

控件——载应用程序上与用户进行交互的元素 所有的控件都是继承自System.windows.Control类&#xff0c;该类提供了一些基本的属性 1、 设置控件对齐方式 2、 设置Tab键顺序 3、 支持绘制背景&#xff0c;前景和边框 4、 支持格式化文本内容的尺寸和字体 Background&#xff1a…

The import javax.servlet cannot be resolved

错误的原因是&#xff1a;缺少servlet-api.jar这个包&#xff0c;将这个包导入项目里面就可以了。1. 我们可以到tomcat的lib目录下面找到这个包&#xff0c;然后在eclipse中&#xff0c;右击项目&#xff0c;2. 选择Java Build Path>Libraries>Add ExternalJARS,找到你计…

mybatis中修改了数据,控制台显示成功,数据库没有修改

在mybatis中遇到了修改数据时&#xff0c;控制台显示修改成功&#xff0c;但是去数据库查看并没有修改&#xff0c;这是因为mybatis不时自动提交事务的&#xff0c;所以是不会修改数据库的数据&#xff0c;这是我们加上一句 sqlSession.commit()就可以了。转载于:https://www.c…

The type Resource is not accessible due to restriction on required library

项目属性preferences>java build path>把右侧【libraries中的JRE System Library】删除重新导入.

BZOJ1500 [NOI2005]维修数列(Splay tree)

[Submit][Status][Discuss]Description 请写一个程序&#xff0c;要求维护一个数列&#xff0c;支持以下 6 种操作&#xff1a;请注意&#xff0c;格式栏 中的下划线‘ _ ’表示实际输入文件中的空格Input 输入的第1 行包含两个数N 和M(M ≤20 000)&#xff0c;N 表示初始时数列…

日期格式转换:String 与 date

在java中转换 //String—>Date String time “2018-01-09”&#xff1b; try{SimpleDateFormat sdf new SimpleDateFormat("yyyy-MM-dd");Date date sdf.parse(time); }catch(ParseException e){System.out.println(e.getMessage()); } //Date—>String S…