JavaScript入门
JavaScript入门
_xw2018
越努力越幸运
展开
-
js Math对象
不需要创建对象可以直接使用属性(部分)PI;//圆周率方法(部分)ceil(x);//向上取整floor(x);//向下取整round(x);//四舍五入random();//获取随机数[0,1)pow(x,y);//返回x的y次方sqrt(x);//返回x的平方根min(x,y);//返回x和y中最小值max(x,y);//返回x和y中最大值...原创 2019-05-06 00:39:16 · 116 阅读 · 0 评论 -
js DOM(文档对象模型)
具体参考js手册document对象//整个HTML文档element对象//标签对象属性对象文本对象:Node结点对象,是以上对象的父对象写入HTML:document.write("val");获取对象:document.getElementById("id");document.getElementsByName("id");document.getElement...原创 2019-05-06 00:41:35 · 154 阅读 · 0 评论 -
js BOM(浏览器对象模型)
具体参考js手册navigator.appName //得到浏览器名称location.href //当前网页地址,修改可跳转到另一个页面screen.width//屏幕宽screen.height//屏幕高history //保存网页浏览记录history.back()//跳转到上一个网页history.forward()//跳转到下一个网页history.go(val) //...原创 2019-05-06 00:41:00 · 449 阅读 · 0 评论 -
JavaScript学习记录
js作用:一、写入HTML输出二、对事件做出反应三、改变HTML内容四、改变HTML图像五、改变HTML样式六、验证输入js和html的结合方式注释ECMAScript(核心)数据类型和声明变量 数组 对象 语句 运算符 函数 变量作用域 全局函数 String对象 Array对象 Date对象 Math对象DOM(文档对象模型)BOM(浏览...原创 2019-05-06 00:42:24 · 146 阅读 · 0 评论 -
新增Dom操作
获取单个元素,如有多个满足条件的元素,将返回第一个:var Element = document.querySelector("选择器的名称");获取满足条件的所有元素(数组)var Elements = document.querySelectorAll("选择器的名称");类样式操作:classList:样式列表add:为元素添加指定名称的样式,一次只能添加一个docu...原创 2019-06-19 14:13:11 · 231 阅读 · 0 评论 -
网络接口
ononline:网络连通时触发事件onoffline:网络断开时触发事件演示代码:<!DOCTYPE html><html> <head> <title>网络接口</title> <meta charset="utf-8" /> </head> <body></bod...原创 2019-06-19 14:15:40 · 123 阅读 · 0 评论 -
全屏接口
requestFullScreen();//开启全屏显示cancelFullScreen();//退出全屏显示fullScreenElement();//是否全屏状态<!DOCTYPE html><html> <head> <title></title> <meta charset="utf-8" />...原创 2019-06-19 14:17:23 · 195 阅读 · 0 评论 -
读取文件
FileReader对象readAsText():读取文本文件,返回字符串,默认编码为UTF-8。readAsBinaryString():读取任意文件,返回二进制字符串。readAsDataURL():读取文件获取一段以data开头的字符串。abort():中断读取 。相关事件:onabort:读取文件中断时触发onerror:读取错误时触发onload:文件读取成功完...原创 2019-06-19 14:18:57 · 871 阅读 · 0 评论 -
拖拽事件
应用于被拖拽元素的事件ondrag:整个拖拽过程都会触发ondragstart:拖拽开始时触发ondragleave:鼠标离开拖拽目标时触发ondragend:拖拽结束时触发应用于目标元素的事件ondragenter:拖拽元素进入时触发ondragover:停留在目标元素上时触发ondrop:在目标上松开鼠标时触发ondragleave:鼠标离开拖拽目标时触发演示代码...原创 2019-06-19 14:20:26 · 869 阅读 · 4 评论 -
Web存储
sessionStorage的使用:(1)数据存储到当前页面,存储容量5mb左右。(2)同一个浏览器不同页面无法共享数据。生命周期:关闭当前页面就清除。相关函数:setItem(key,value); //以键值对的方式存储数据getItem(key); //通过key获取对应的value值removeItem(key); //通过key删除对应的value...原创 2019-06-19 14:22:07 · 114 阅读 · 0 评论 -
js实现网页自适应浏览器大小
function setScale(){ var heigth_screen = window.innerHeight/640; //根据设计的大小设置除数 var width_screen = window.innerWidth/360; //同上 document.body.style.transform = "scale("+width_screen+","+heigth_scr...原创 2019-07-25 00:23:40 · 1229 阅读 · 0 评论 -
js Date对象
获取当前时间:var data=new Date();方法(部分)toLocaleString();//根据本地时间格式把对象转换为字符串getFullYear();//获取当前的年getMonth();//获取当前的月(0~11)getDay();//获取当前的星期(0~6)getDate();//获取当前的天...原创 2019-05-06 00:39:02 · 96 阅读 · 0 评论 -
js Array对象
创建Array对象(三种):var arr=[1,2,3];var arr=Array(3);var arr=Array(1,2,3);创建空数组:var arr=[];var arr=Array();属性(常用):length(查看数组长度)方法(部分):concar(arr1);//连接两个或更多的数组,并返回结果join(str);//根据指定的字符分割数组,...原创 2019-05-06 00:38:49 · 95 阅读 · 0 评论 -
js和html的结合方式
脚本标记:<script> js代码 </script>外部引入脚本:<script src="myscript.js"></script>外部脚本不能包含 <script> 标签原创 2019-05-04 23:42:27 · 238 阅读 · 0 评论 -
js注释
行注释://块注释:/* */原创 2019-05-05 00:03:31 · 1234 阅读 · 0 评论 -
js数据类型和声明变量
定义变量都使用关键字var(弱类型)命名规则:1、第一个字符必须是字母、下划线“_”或美元符号“$”2、余下的字符可以是下划线、美元符号或任何字母或数字字符五种原始类型:string:字符串var str="abc";number:数字类型var num=123;boolean:布尔类型(true or false)var flag=true;null:可以通过将...原创 2019-05-05 00:04:25 · 995 阅读 · 0 评论 -
js对象
定义方式一、var person={ name:"Tom", age:25, id:12345};对象由花括号分隔对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔二、使用Objectvar person=new Object();person.name="Tom";person.age=25;person.id=...原创 2019-05-05 00:05:05 · 75 阅读 · 0 评论 -
js语句
条件语句:if判断语句=:表示赋值==:表示条件判断switch语句:switch(key){ case 1: break; case 2: break; default:}循环语句:for循环:for(i=0;i<n;i++){ //执行内容}while循环while(i<n){ ...原创 2019-05-05 00:07:01 · 85 阅读 · 0 评论 -
js运算符
赋值运算符:"="、"+="、"-="、"*="、"/="、"%="算术运算符:"+"、"-"、"*"、"/"、"%"、"++"、"--"比较运算符:">"、">="、"<"、"<="、"=="、"!="、"==="、"!=="逻辑运算符:"&&"、"||"、"!"位运算符:"&"、"|"、"~"、"^"、"<<"、">...原创 2019-05-05 00:07:32 · 245 阅读 · 0 评论 -
js数组
定义方式:1、第一种 var arr=[元素1,元素2,元素3,...,元素n];2、第二种 var arr=new Array(n);//定义一个数组,数组长度为n3、第三种 var arr=new Array(元素1,元素2,元素3,...,元素n);属性:arr.length;//获取数组长度,长度是可变的数组可以存放不同的数据类型...原创 2019-05-05 00:06:16 · 108 阅读 · 0 评论 -
js函数
函数三种定义方式普通函数:function 函数名(参数列表){ //函数体 //返回值:return 结果}匿名函数:var func=function(参数列表){ //函数体和返回值};动态函数:var func=new Function("参数列表","函数体和返回值");支持函数递归;js不存在函数重载,但可以模拟函数重载;...原创 2019-05-05 00:08:06 · 99 阅读 · 0 评论 -
js变量作用域
全局变量:在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它局部变量:在函数内部声明的变量(使用 var)是局部变量,只能在函数内部访问它(没有使用var定义的系统视为全局变量,即使在函数内定义)...原创 2019-05-05 00:08:34 · 83 阅读 · 0 评论 -
js全局函数
不属于任何对象的函数属性(部分)Infinity(代表正的无穷大的数值)NaN(指示某个值是不是数字值)undefined(指示未定义的值)方法(部分)eval(str);//执行js代码(如果字符串是js代码)encodeURI(str);//对字符进行编码decodeURI(str);//对字符进行解码isNaN(str);//判断str的值是否为数字...原创 2019-05-05 00:09:31 · 336 阅读 · 0 评论 -
js String对象
创建String对象(两种):var str="abc";var str=new String("abc");属性(常用):length(查看字符串长度)方法(常用):bold();//加粗fontcolor();//设置字符串颜色fontsize();//设置字体大小(1~7)link();//将字符串显示成超链接sub();//把字符串显示为下标sup();//把字...原创 2019-05-05 00:09:58 · 100 阅读 · 0 评论 -
jQuery学习记录
主要内容 jQuery入口函数 什么是'$'? dom对象与jQuery对象相互转化 jQuery选择器 jQuery类操作 jQuery动画 jQuery部分方法 jQuery属性操作 jQuery节点操作 jQuery事件jQuery入口函数①方法一$(document).ready(function(){ ...});②方法二$(functi...原创 2019-08-09 21:58:38 · 350 阅读 · 0 评论