学习记录013-HTML基础js操作
时间:2019-08-31
本文章向大家介绍学习记录013-HTML基础js操作,主要包括学习记录013-HTML基础js操作使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
概念
HTML中的三把利器的JS 又称为JavaScript,看着好像和Java有点联系,实际是没有任何关系的,JavaScript和Python、Go、Java、C++等,都是一种独立的语言,Python的解释器有Python2.7、Python3.x,浏览器具有解释JavaScript的功能,所以它才是HTML的三把利器之一。
在HTML中可以将JavaScript/JS的代码写在head中,被script标签所包裹,当浏览器解释HTML时,遇到style标签时,按照CSS规则解释,遇到Script标签时,按照JavaScript的语法规则解释。
引入JavaScript代码,类似于Python的import
<script src="public.js" type="text/javascript"></script>
head中引入JS与body中引入JS区别
html代码从上而下解析,如果在head中引入JS,影响页面打开的速度,存在风险,所以通常放在htmlbody的最下方,这样页面内容先展示,最后在加载JS。注:写在最下面要有底线,写在body内部的最底下。
注释
单行注释通过 // 多行通过 /* */
js定义变量
name = 'gdd' 默认全局变量
const name = 'nhy' 在es6里面,使用const定义的变量为常量,不可进行更改
Js基本上数据类型(Js中声明数据类型通过new)
字符串
var str = "你开心就好" 定义一个字符串 字符串拼接的两种方式 001 var str = "你开心就好" var str = str + ",我开心更好" 002 var str = "你开心就好" strr = str.concat(",我开心更好") str.charAt(1) 获取字符串对应角标的内容是什么 str.substr(0,2) 切片获取字符串的元素;和python一样顾头不顾尾 str.slice(0,2) 同上 str.length 获取当前字符串的长度 str.indexOf("和") 获取字符串里面元素的角标;常用于判断,如果在即返回,否则返回-1 str.toLowerCase() 字符串为小写 str.toUpperCase() 字符串均为大写 str.split(",") 拿逗号进行分割字符串的内容,返回的是一个list str.split(",",2) 返回字符串的以逗号分隔的前两个,返回的也是一个list 数字类型(JavaScript 只有一种数字类型。数字可以带小数点,也可以不带) 字符串转化成数字 var num = "18.8" parseInt(num) 转化成整数,输出为18,小数点后面的舍弃 parseFloat(num) 输出依然为18.8,只是将字符串转化成数字类型
数字转化成字符串
num = 18 num.toString()
布尔类型(true 或 false) var t = true; var f = false;
数组类型(就是python的列表)
创建列表的方式:三种 第一种 var list = new Array() list[0]= "西红柿" list[1]="黄瓜" 第二种 var list2 = new Array("黄瓜","西红柿") 第三种 var list1 = ["西红柿","香蕉"] 数组操作 list.length 查看长度 list.push("火龙果") 给列表的最后添加元素 list.shift() 拿出列表的第一个元素,并且把这个元素进行删除 list.unshift("西红柿") 找到列表的头,进行元素的添加 list.pop() 拿出尾部的元素进行删除 list.splice(start, deleteCount, value) 操作的位置角标、操作元素的个数,删除或添加元素 list = ["a","b","c"] list.splice(n,0,val) 指定位置插入元素 list.splice(n,1,val) 指定位置替换元素 list.splice(n,1) 指定位置删除元素 list.slice(0,2) 列表操作切片:顾头不顾尾 list.reverse() 列表反转 list.join("-") 根据制定字符进行列表元素的拼接 两个列表的拼接 list1 = ["d","e"] list = ["a", "b", "c"] list.concat(list1) 输出为一个list list.sort() 列表排序
对象类型(等同于python的字典)
定义对象 var dict = {"name":"guodengdeng","age":18} dict.name 获取key的value值 dict["name"] 获取key的value值 dict.name = "hujiangchuan" 修改key的值
原文地址:https://www.cnblogs.com/guodengdeng/p/11439855.html
- React多页面应用1(webpack4 开发环境搭建,包括热更新,api转发等)
- 洛谷P2345 奶牛集会
- P2880 [USACO07JAN]平衡的阵容Balanced Lineup
- Python黑客编程3网络数据监听和过滤
- React第三方组件6(状态管理之Mobx的使用⑤异步操作)
- 机器学习(五)使用Python和R语言从头开始理解和编写神经网络介绍目录神经网络背后的直观知识多层感知器及其基础知识什么是激活函数?前向传播,反向传播和训练次数(epochs)多层感知器全批量梯度下降
- 洛谷P2251 质量检测
- React第三方组件6(状态管理之Mobx的使用④TodoList下)
- HDU 1536 S-Nim
- 洛谷P2723 丑数 Humble Numbers
- Python黑帽编程2.5 函数
- 洛谷P1317 低洼地
- ZOJ 3594 Sexagenary Cycle
- React第三方组件6(状态管理之Mobx的使用③TodoList中)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- leetcode树之二叉搜索树的最近公共祖先
- leetcode树之从翻转二叉树
- Linux常见的持久化后门汇总
- 一篇文章带你使用 Python搞定对 Excel 表的读写和处理(xlsx文件的处理)
- 从 rollup 初版源码学习打包原理
- leetcode树之相同的树
- Mysql Sql 语句练习题 (50道)
- 【每日一具16】来了!扫描图片批量漂白修正软件
- 实现一个 webpack loader 和 webpack plugin
- 万字长文带你走进 JavaScript 的世界
- windows中常见后门持久化方法总结
- Python3爬虫实战【点触验证码】 — 模拟登陆bilibili
- BOM 是个什么玩意!
- Educational Codeforces Round 81 (Rated for Div. 2) B - Infinite Prefixes
- python-利用python写一个购物小程序