javaScript知识点大全
1、javaScript的概念:是一种表述语言,也是一种基于对象(Object)和事件驱动(EventDriven)的,安全性好的脚本语言,运行在客户端,从而减轻服务器端的负担,总结如下:
1.javaScript主要用来向HTML页面找那个添加交互行为。
2.javaScript是一种脚本语言,语法和java类似。
3.javaScript一般用来编写客户端脚本。
4.javaScript是一种解释性语言,边执行边解释。
2、javaScript由核心语法ECMAScript、浏览器对象模型(BOM) 主要用于管理窗口与窗口之间的通讯,因此其核心对象是window、文档对象模型(DOM)三部分组成.
3、网页中引入javaScript三种方式:
1.使用<Script></Script>标签内部样式
2.使用外部js文件
3.直接在HTML标签中的行内样式。
4.javaScript的作用
1.实现页面表单验证
2.实现页面交互特效
5.javaScript的特点
1.被设计用来向Html页面添加交互行为
2.是一种英特网上最流行的脚本语言
3.一般用于编写客户端脚本
4.是一种解释性语言
6.引入javaScript的方式
1.使用<Script>标签直接嵌入网页
2.使用外部js文件
Js中String对象常用的方法:
- toString(包前不包后),
- 2.toLowerCase(),toUpperCase();
- charAt(index);返回在指定位置的字符.
- indexOf(str,index),指定字符串中首次出现的位置;
- split(str);将字符串分割为字符串数组
在javaScript中条件语句Switch(){}可以接字符串;
alert(“提示信息”);
var isOk=confirm(“确认框“);//如果确认返回true,否则返回false
prompt();prompt(“提示信息”,“输入框默认信息”);
prompt(“请输入姓名”)
close();
open();
setTimeout();在指定毫秒之后调用某个函数
setInterval();在指定周期毫秒来调用某个函数
window.open();
7.Js语法:
1.区分大小写
2.注意变量,函数等命名规范
3.每行代码以分号结束
Js中的函数:
1.系统函数
ParseInt();转换为整数 45.9a转换为45;a6转换返回为NaN(Not a Number)
isNaN(判断是不是数字)
typeof(var);判断是什么数据类型
eval(“5+2”);计算表达式值
2.自定义函数
Function 函数名(){javaScript代码}
Function 函数名(参数1,参数2){javaScript代码 return 返回值(可选)}
Js中函数的调用:
- 事件名=“函数名(传递的参数值)“;
- 函数名(传递的参数值);
匿名函数:
- 匿名函数的声明:
Var 变量名=function(参数){ 函数体 return 返回值;} ;
- 调用
变量名(参数)
8.程序调用
1.添加alert();方法 2.使用fireBug();方法
9.BOM概述:(Browser Object Model,浏览器对象模型)
1.window对象的属性
名称 |
说明 |
History |
有关客户访问过的URL的信息 |
Location |
有关当前URL的信息 |
Screen |
有关客户端的屏幕和显示性能的信息 |
Weindow对象常用的方法:prompt()confirm();setTimeout();setInterval();
Window对象常用的事件:οnlοad=”” οnmοuseοver=””;onclick
window.parent.location
2.History对象
方法:back() ;forward();go();
3.Location对象提供当前页面的URL
属性:host hostname href
方法:reload() replace();
4.Document对象
属性:referrer属性判断是不是通过超链接访问的,不是返回null
10.javaScript中的对象,
Date对象:
创建date对象发方法var date=new Date(MM DD ,YYYY,hh:mm:ss);
var date=new Date(); date.getDay();
Math对象:
Ceil();对数进行向上取整,ceil(25.5)=26;
Floor();向下取整,floor(25.5)=25;
Math.round(25.5);在原数的加0.5后向下取整
11.Dom概述(文档对象模型)
由CoreDom,XMLDom,HTML Dom组成;
12.创建数组
Js中变量的声明:
Var 数组名称=new Array(size);
- 先声明再赋值 fruit[0]=””
- 声明同时赋值 var fruit=new Array(“apple”,”orange”);或 var fruit=new Array[“apple”,”orange”];
读取1.使用for循环读取 2.使用for---in读取
For(var x in fruit){document.write(fruit[x]+”<br/>”)}x为下标
Fruit.sort();//排序 string str=fruit.join(“-”);//添加字符串后连接成一个字符串
下拉列表Select对象:
13、 style 定位方面的样式
left top position z-index
鼠标滚动距离:scorllTop:纵向距离
scorllLeft:横向距离
鼠标滚动事假:onscorll
Jquery对象与Dom对象的相互转换
- jquery对象转换为DOMD对象,jquery提供两种方法将jquery对象转换为DOM对象,即[index]和get(index),
var $txtName=$(“#txtName”);//jquery对象
var txtName=$txtName[0];//Dom对象
alert(txtName.checked);//检测这个checkbox是否被选中
通过get(index)方法得到对应的Dom对象
Var $txtName=$(“#txtName”);//jquery对象
Var txtName=$txtName.get(0);//Dom对象
alert(txtName.checked);//检测这个checkbox是否被选中
- Dom对象转换为jQuery对象
Var txtName=document.getElementById(“txtName”);//dom对象
Var $txtName=$(txtName);//
Dom中添加class属性使用obj.className=classname;
添加类容使用obj.innerHtml=<input />
Jquery中添加class属性使用obj.addClaa=classname;
添加类容使用:obj.html=<input/>;
Js中的五大选择器:
- 基本选择器 (# . 标签)
- 层次选择器(后代 >子 +相邻 ~同辈)
- 属性选择器(P[class=name])
- 过滤选择器(“tr:even”)
- 可见性选择器(“p:hidden” “p:viside”)
Jquery中的事件:
Obj.bind(“clike”,function(){});
obj.bind({mousever:function(){},{mouserout:function(){}}});
obj.unbind();
obj.hover(function(){},function(){})方法集合onmouseOver和onmouseOut
obj.toggle();
$(“.tipsbox”).show();obj.hide();
$(“img”).fadeIn(1000);
$(“.txt”).slideUp(1000); obj.slideDown(1000);
Obj.toggleClass(“class”);//集成了addClass和romoveClass
$(this).val(“”);//清空文本内容
Var $newNode=$(<”<li>用jquery创建新元素节点</li>”>);
在正则表达式
JS中常用的一些小技巧:
1.使用!!操作符转换布尔值,对于变量可以使用!!varable做检测,只要变量的值为:0,null , "" , undefind或者NaN都将返回的是false反之的是true
function Account(cash)
{
this.cash = cash;
this.hasMoney = !! cash;
}
2.使用+将字符串转换为数字,只适用字符串数据,否则返回NaN
function toNumber(strNum) {
return +strNum;
}
适用于Date()返回时间戳数字:+new Date();
3.在循环很大时候数字的长度先给去出来,var legth = array.legth;
4.if('querySelector' in document) {
document.querySelector("#id");
} else {
document.getElementById("id");
}
5.获取数组中的最后一个元素
var array = [1,2,3,4,5];
array.slice(-1);
6.字符串元素的替换
var string = "john john";
string.replace(/hn/, "ana"); //"joana john"
string.replace(/hn/g, "ana"); //"joana joana"
转载于:https://www.cnblogs.com/ablejava/p/5572452.html
javaScript知识点大全相关推荐
- 呕心沥血 JavaScript知识点梳理大全,超详细 建议收藏!!!
呕心沥血 JavaScript知识点梳理大全,超详细 建议收藏!!! ✴️大家好,我是王同学,爆肝三天三夜王同学把JavaScript 知识点梳理了一遍,文章没有一点套路,只有满满的干货 ✴️如果对你 ...
- JavaScript知识点9-案例大全
文章目录 1.购物车综合案例JQuery版本 2.购物车综合案例JavaScript版本 3.学子商城 public.css index.css 主页面 4.猜数字 篇章 1.购物车综合案例JQuer ...
- 前端面试知识点大全——浏览器篇
总纲:前端面试知识点大全 目录 1.浏览器工作原理 2.浏览器如何解析css,如何渲染css的 2.1 构建DOM树 2.2 构建CSSOM规则树(就是css规则树) 2.3 渲染阻塞 2.4 构建渲 ...
- python基础知识点大全
python基础知识点大全 Excerpt 什么是CPython?编译型与解释型编程语言一般认为,Python与Java都是解释型语言,只是不那么纯粹.也可以认为它们是先编译再解释的编程语言.并非所有 ...
- JavaScript知识点8
文章目录 1.事件绑定 2.事件 3.查找3个div 4.使用hover 5.百度一下 6.jQuery动画函数--显示隐藏动画 7.精简显示品牌 8.框架/js库 篇章 1.事件绑定 <!DO ...
- 前端面试知识点大全——JS篇(三)
总纲:前端面试知识点大全 目录 1.变量声明提升 2.冒泡机制 3.attribute 和 property 4.document load 和 document DOMContentLoaded 5 ...
- 移动Web知识点大全
移动Web知识点大全 移动Web 1.字体图标 2.平面转换 3.渐变 4.空间转换 5.动画 6.移动端特点 7.百分比布局 8.Flex布局 9.移动适配 9.1 rem 9.2 less 9.3 ...
- 四十四种Javascript技巧大全
四十四种Javascript技巧大全 1.第一个给变量分配值时不要忘了var关键字. 分配值给未定义的变量将是该变量自动成为全局变量,应该避免全局变量. 2.使用 === 而不是 == 使用 == ( ...
- 两个数相乘积一定比每个因数都大_小升初数学知识点大全含公式+20类必考应用题(含答案解析),孩子考试一定用得上!...
小升初数学知识点大全含公式 一.几何图形周长.面积和体积公式* 三角形的面积=底×高÷2.S= a×h÷2 正方形的面积=边长×边长 S= a² 长方形的面积=长×宽 公式 S= a×b 平行四边形的 ...
最新文章
- [转]Loadrunner Error code 10053 Tomcat 连接器(connector)优化
- CodeForcesGym 100753B Bounty Hunter II 二分图最小路径覆盖
- SQL 2005 with(nolock)详解
- [洛谷P3242] [HNOI2015]接水果
- 如何让cloudflare缓存html,wordpress博客使用CloudFlare的页面规则缓存设置教程
- 1.4_select_sort_选择排序
- 身份证过期了银行卡还能用吗?
- C# WinForm开发系列 - Thread/Delegate/Event
- 【python】读取json文件
- 使用C#如何写入/读取注册表信息
- 调用支付jsapi缺少参数:appid_JAVA实现微信支付功能
- 计算机组成原理 最新教材,《计算机组成原理》东南大学教材.pdf
- 分布式系统的一些基本概念
- 对数幅度谱图像matlab,fft2绘制图像的对数幅度谱,比较图像旋转、平移和缩放后的频谱...
- 深度卷积神经网络的高级主题
- python炒股难度_诺贝尔奖得主教你如何分配炒股仓位 | python量化系列
- qq公众号消息是发送到自己服务器,qq公众号屏蔽后还发消息 qq消息被屏蔽了怎么办...
- Nvidia AGX Xavier Jetson 开机配置
- 情人节,让我们一睹数学的浪漫
- oracle磁带的使用期限,存储的损耗 关于磁带寿命的一些探讨
热门文章
- 网络推广营销之网站优化选择优质友情链接的标准
- 网络推广——在网络推广的道路上如何成为一家优秀的网站建设公司
- 网站收录的提升离不开“方法”和“坚持”
- 网站托管运营需要注意哪些内容?
- linux只有上传文件到站点,史上最简单的上传文件到linux系统方法
- java+caching+system_浅谈Spring boot cache使用和原理
- ironbot智能编程机器人_视频 | 多模式编程机器人,“程序猿”培养从小抓起
- mybatis date类型映射_MapStruct 映射工具
- hive的条件查询语句_[一起学Hive]之九-Hive的查询语句SELECT
- 我在Suse 11 Sp3上使用anaconda安装TensorFlow的过程记录