【JavaScript一】
java Scropt一
- 初识Java Script
- 1.HTML/CSS/JS之间的关系
- 2.浏览器与执行JS
- 3.JS的组成
- 4.JS的三种代码写法:行内,内嵌,外部
- 1.行内
- 2.内嵌
- 3.外部
- 2.注释
- 输入输出语句
- 变量概述
- 声明变量用var
- 用户输入的数据存储到变量中
- 变量的特殊情况
- 大小写
初识Java Script
是一种运行在客户端的脚本语言
1.HTML/CSS/JS之间的关系
HTML:决定网页解构和内容(决定看到什么),相当于人的身体
CSS:决定网页呈现给用户的模样(决定好不好看),相当于给人穿衣服化妆
以上两种为描述类语言
JS:实现业务逻辑和页面控制(决定功能),相当于人的各种动作
JS属于编程类语言
2.浏览器与执行JS
浏览器分成两部分:渲染引擎和JS引擎
渲染引擎:用来解析HTML和CSS,俗称内核
JS引擎:也成为JS解释器,用来读取JS代码,对其处理后运行
JS是一行一行解析的,所以是脚本语言
3.JS的组成
4.JS的三种代码写法:行内,内嵌,外部
1.行内
行内式的JS,直接写到元素的内部
<body><!-- 1.行内式的JS,直接写到元素的内部 --><input type="button" value="冰激凌" onclick="alert('草莓味')" >
</body>
2.内嵌
内嵌样式的JS
<script>alert('沙漠骆驼')</script>
3.外部
外部JS写法
1.先新建一个js文件,里面写alert(‘我爱吃冰激凌’)
2.在html文件中引入,注意两个script中间不能写代码,这是规范
结果
2.注释
单行注释:ctrl+/
多行注释:shift+alt+a
输入输出语句
1.prompt输入语句
2.alert弹出框语句
3.console.log控制台输出,给程序员测试用的
变量概述
声明变量用var
用户输入的数据存储到变量中
2.
变量的特殊情况
1.只声明,不赋值
2.不声明,不赋值
3.不声明,直接赋值,可以使用
大小写
变量区分大小写
小驼峰命名法firstName
【JavaScript一】相关推荐
- 【AJAX】JavaScript的面向对象
Ajax中后端数据返回后需要前端通过JavaScript来实现动态数据更新的问题.所以,在Ajax中加深了一遍JavaScript面向对象的印象. 基础部分: JavaScript中创建对象并简单对象 ...
- 【JavaScript总结】JavaScript语法基础:JS高级语法
作用域链: 1.JS中只有函数能够限定作用域的范围: 2.变量处理在制定的函数范围内,还有一个特殊的作用域,就是没有用var 声明的全局作用域 3.js中的作用域链是为了清晰的表示出所有变量的作用范围 ...
- 【JavaScript总结】JavaScript语法基础:DOM
->DOM的理解:文档对应dom树 ->有了DOM能做什么:DOM的操作 html文档做为DOM树模型,DOM树的节点就是对象.对象会触发事件来执行一些事件代码. C#中的事件是一个委托变 ...
- 【JavaScript总结】JavaScript语法基础:JS编码
运算符 数学:+. -. *. / 逻辑:>. < .>= .<=. == . !=.&&.|| . === .!==(完全等于) 对象相关 new delet ...
- 【JavaScript总结】JavaScript语法基础:数据类型
------>数据类型有哪些? ->基本类型:数字类型,布尔类型,字符串类型 ->引用类型:对象类型,函数类型 ->空类型:null 和 undefined ->运算符: ...
- 【JavaScript总结】JavaScript发展与学习内容
发展: 最初浏览器是为大学里浏览文档用,从地址栏输入文档地址,找到文档显示. 后来各种需求(购物网站,个人博客)出现,已有功能不能满足需求. 可人们依旧在努力满足这种需求,但实现后的效果很不尽人意. ...
- Python:模拟登录、点击和执行 JavaScript 语句案例
案例一:网站模拟登录 # douban.pyfrom selenium import webdriver from selenium.webdriver.common.keys import Keys ...
- [JavaScript] JavaScript数组挖掘,不只是讲数组哟(2)
课程来源:后盾人 上一篇的内容:[JavaScript] JavaScript数组挖掘,不只是讲数组哟 数组引用类型分析,多维数组,用Array.of为数组创建细节,类型检测与转换,在一个数组后面加一 ...
- [JavaScript] JavaScript 数组挖掘,不只是讲数组哟
课程来源:后盾人 数组引用类型分析 数组的定义 const array = new Array('hello', 'dust', 1, 2, 3, 4, 5) console.log(array) l ...
- linux下用js生成xml,js2xml:将javascript字符串转换为xml
有时候爬数据遇到像下面这种,数据在script标签中以javascript形式存在. var totalReviewsValue = 32; var averageRating = 4.5; if(t ...
最新文章
- 可视化深入理解损失函数与梯度下降 | 技术头条
- Chrome 浏览器调试移动端
- Linux之提高Nginx的安全性:受限server_tokens /user_agents/buffer_size/连接数/请求方法/外链/不用模块 使用日志/TLS/HTTPS/升级
- Syntax error: word unexpected (expecting ))错误的解决方法
- 最实用前端开发框架对比评测
- weigm怎么下载_彩七官网下载地址|官网
- java $ class_java文件编译后额外生成的$1.class是怎么一回事
- Linux一行代码修改时区
- 剑指Offer(Java版):二叉搜索树的后序遍历序列
- Linux内核源码分析--内核启动之(1)zImage自解压过程(Linux-3.0 ARMv7)
- Linux 音频系统简析
- 京东返利PHP采集关键字,php-爬虫练习:抓取京东商品列表与详情-2019年10月18日...
- 回想过去几年的编程生活
- 分辨率、帧率、码率之间的关系
- Hack The Box——Academy
- Trained Ternary Quantization
- 如何做好App性能测试
- Python之父愤然退位:再也无法忍受他们鄙视我的意见
- 已经配置javahome了的,还出现A Java Runtime Environment (JRE) or Java Development
- Python爬虫抓取去哪儿网景点信息告诉你国庆哪儿最堵
热门文章
- 强势出圈!当NFT头像袭来,你pick哪一款?
- java clob类型怎么插入数据库_java操作数据库中clob类型 之插入和查询
- matlab加工表面微观,车铣复合加工表面微观几何形貌仿真及切削参数分析研究
- 51单片机简易电阻测量仪仿真设计
- 大学计算机基础论文范文大全集,计算机基础论文题目集 计算机基础毕业论文题目怎样定...
- 2022电赛五校联赛
- 计算机基础教案文档,独家稿件:[定稿]计算机基础教案33705.doc文档59页原创精品...
- 这几大挣钱方式,你能学会哪一种?
- 2021-06-16 节点电压为极坐标下的牛顿-拉夫逊法潮流计算学习
- macbook查询本机IP和网卡mac地址