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一】相关推荐

  1. 【AJAX】JavaScript的面向对象

    Ajax中后端数据返回后需要前端通过JavaScript来实现动态数据更新的问题.所以,在Ajax中加深了一遍JavaScript面向对象的印象. 基础部分: JavaScript中创建对象并简单对象 ...

  2. 【JavaScript总结】JavaScript语法基础:JS高级语法

    作用域链: 1.JS中只有函数能够限定作用域的范围: 2.变量处理在制定的函数范围内,还有一个特殊的作用域,就是没有用var 声明的全局作用域 3.js中的作用域链是为了清晰的表示出所有变量的作用范围 ...

  3. 【JavaScript总结】JavaScript语法基础:DOM

    ->DOM的理解:文档对应dom树 ->有了DOM能做什么:DOM的操作 html文档做为DOM树模型,DOM树的节点就是对象.对象会触发事件来执行一些事件代码. C#中的事件是一个委托变 ...

  4. 【JavaScript总结】JavaScript语法基础:JS编码

    运算符 数学:+. -. *. / 逻辑:>. < .>= .<=. == . !=.&&.|| . === .!==(完全等于) 对象相关 new delet ...

  5. 【JavaScript总结】JavaScript语法基础:数据类型

    ------>数据类型有哪些? ->基本类型:数字类型,布尔类型,字符串类型 ->引用类型:对象类型,函数类型 ->空类型:null 和 undefined ->运算符: ...

  6. 【JavaScript总结】JavaScript发展与学习内容

    发展: 最初浏览器是为大学里浏览文档用,从地址栏输入文档地址,找到文档显示. 后来各种需求(购物网站,个人博客)出现,已有功能不能满足需求. 可人们依旧在努力满足这种需求,但实现后的效果很不尽人意. ...

  7. Python:模拟登录、点击和执行 JavaScript 语句案例

    案例一:网站模拟登录 # douban.pyfrom selenium import webdriver from selenium.webdriver.common.keys import Keys ...

  8. [JavaScript] JavaScript数组挖掘,不只是讲数组哟(2)

    课程来源:后盾人 上一篇的内容:[JavaScript] JavaScript数组挖掘,不只是讲数组哟 数组引用类型分析,多维数组,用Array.of为数组创建细节,类型检测与转换,在一个数组后面加一 ...

  9. [JavaScript] JavaScript 数组挖掘,不只是讲数组哟

    课程来源:后盾人 数组引用类型分析 数组的定义 const array = new Array('hello', 'dust', 1, 2, 3, 4, 5) console.log(array) l ...

  10. linux下用js生成xml,js2xml:将javascript字符串转换为xml

    有时候爬数据遇到像下面这种,数据在script标签中以javascript形式存在. var totalReviewsValue = 32; var averageRating = 4.5; if(t ...

最新文章

  1. 可视化深入理解损失函数与梯度下降 | 技术头条
  2. Chrome 浏览器调试移动端
  3. Linux之提高Nginx的安全性:受限server_tokens /user_agents/buffer_size/连接数/请求方法/外链/不用模块 使用日志/TLS/HTTPS/升级
  4. Syntax error: word unexpected (expecting ))错误的解决方法
  5. 最实用前端开发框架对比评测
  6. weigm怎么下载_彩七官网下载地址|官网
  7. java $ class_java文件编译后额外生成的$1.class是怎么一回事
  8. Linux一行代码修改时区
  9. 剑指Offer(Java版):二叉搜索树的后序遍历序列
  10. Linux内核源码分析--内核启动之(1)zImage自解压过程(Linux-3.0 ARMv7)
  11. Linux 音频系统简析
  12. 京东返利PHP采集关键字,php-爬虫练习:抓取京东商品列表与详情-2019年10月18日...
  13. 回想过去几年的编程生活
  14. 分辨率、帧率、码率之间的关系
  15. Hack The Box——Academy
  16. Trained Ternary Quantization
  17. 如何做好App性能测试
  18. Python之父愤然退位:再也无法忍受他们鄙视我的意见
  19. 已经配置javahome了的,还出现A Java Runtime Environment (JRE) or Java Development
  20. Python爬虫抓取去哪儿网景点信息告诉你国庆哪儿最堵

热门文章

  1. 强势出圈!当NFT头像袭来,你pick哪一款?
  2. java clob类型怎么插入数据库_java操作数据库中clob类型 之插入和查询
  3. matlab加工表面微观,车铣复合加工表面微观几何形貌仿真及切削参数分析研究
  4. 51单片机简易电阻测量仪仿真设计
  5. 大学计算机基础论文范文大全集,计算机基础论文题目集 计算机基础毕业论文题目怎样定...
  6. 2022电赛五校联赛
  7. 计算机基础教案文档,独家稿件:[定稿]计算机基础教案33705.doc文档59页原创精品...
  8. 这几大挣钱方式,你能学会哪一种?
  9. 2021-06-16 节点电压为极坐标下的牛顿-拉夫逊法潮流计算学习
  10. macbook查询本机IP和网卡mac地址