学习js和jQuery总结
数据类型的转换:
1.字符串必须放在引号内
2.字符串的转换有两个标签,string和tostring这两个函数。
3.变量必须使用驼峰形式,
把一个变量转换成字符串:console.log(isChild.toString());
类型转换
1.除0之外的所有数字,转换为布尔型都为true
2.除“”之外的所有字符,转换为布尔型都为true
3.null和undefined转换为布尔型为false
var x=1;
console.log(Boolean(x));
把字符串强制转换成布尔类型了。
算数运算符:
什么是表达式:
将同类型的数据(如常量,变量,函数)用运算符号按一定的规则连接起来,有意义的十字称为表达式。
三元操作符:
语法:条件?执行代码1;执行代码2
说明:可代替简单的if语句,如果条件成立,执行代码1,否则执行代码2
var soce=85;
var result=(soce>=60)?"及格":“不及格”;
console.log(result);
逻辑操作符:
&&与操作符:所有条件都为true返回的也是true,一个条件为false结果为false
如果第一个操作数隐士类型的转换后为true,则返回第二个操作数。
如果第一个操作数隐士类型的转换后为false,则返回第一个操作数结果。
||或运算符只要有一个条件成立,就为true。
条件语句:;
if 语句的表达式:
语法一:if(condition){
statement1;
}
例子:var a=8;
if(a<18){
alert("您还没成年")
}
语法二:
if(condition){
statement1;
}else{
statement2;
}
语法二示例:
prompt():功能输入框
返回值:1点击确定,返回输入内容2.点击取消,返回null
var age=prompt("请输入您的年龄");
if(age<18){
alert("你没")
}
else{
alert("你好")
}
语法三:
if(condition){
statement1;
}else if{
statement2;
}
else {
statement3;
}
if(age<18){
alert("你没")
}
else if(age>=18 && age<=59){
alert("你可以")
}else{
alert(“您已操作”)
}
bom:
window:实例,所有的全局变量和所有的全局变量的方法都被归在windows上了。
var age=15;
function sayAge(){
alert('我'+age);
}
window.username="marry";
window.sayName=function(){
alert("我是"+this.username);
}
sayAge();
window.sayName;
window.alert(“content”)
弹出一个对话框加一个按钮的东西。
window。confirm(“message”)
功能显示一个带有指定消息和OK及取消按钮的对话框
window.open(pageURL,name,perameters)
打开一个新的浏览器窗口或查找一个已命名的窗口
清除超时调用;
间歇调用:setInterval(code,millisec)
功能:每隔指定的时间执行一次代码
代码示例:
var num=1,
max=10,
timer=null;
//每隔一秒种num递增一次,直到num的值等于max清除。
var num=1,
max=10;
timer=null;
timer=setInterval(function(){
num++;
if(num>max){
clearInterval();
}
console.log(num);
},1000)
location对象:location对象提供了与当前窗口中加载的文档有关的信息,还提供了一些导航的功能,它既是
window对象的属性,也是document对象的属性。就是返回当前页面的ip地址。
history:它表示当前窗口的浏览器历史。
History对象保存了当前窗口访问过的所有页面网址。
history.back()
等同于
history.go(-1)相当于浏览器的返回箭头的那个功能。
方法有
history.forward() 回到历史记录的第二步
history.back()
history.go() //刷新当前页面
Screen对象属性
screen.availWidth
返回可用的屏幕宽度
screen.availHeight
返回可用的屏幕高度
通过jQuery如何修改边框?
学习js和jQuery总结的更多相关文章
- 学习js、jquery、vue实现部分组件
通过js实现radio小组件,最终效果如下 html代码: <!DOCTYPE html> <html lang="en"> <head> &l ...
- JS与Jquery区别
很多人对JS和JQuery很容易搞混淆,今天我们就相比学习下: 加载区别: var myfunction(){}; JS:1.window.onload=function(){} 2.<body ...
- JS和JQuery的总结
JS部分 一, 词法结构 区分大小 注意://单行 /*多行注释*/ 字面量(直接量literal) 12 // 数字 5.8//小数 "hello" 'hello' true ...
- 学习js回调函数
<!DOCTYPE HTML> <html> <head> <meta charset="GBK" /> <title> ...
- jQuery学习笔记(一)jQuery选择器
目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...
- [转载]JavaEE学习篇之——JQuery技术详解
原文链接:http://blog.csdn.net/jiangwei0910410003/article/details/32102187 1.简介2.工具3.jQuery对象 1.DOM对象转化成j ...
- JS和JQuery总结
目录目录 2js部分一.词法结构 1.区分大小写 2.注意 // 单行 /* 多行注释 */ 3.字面量(直接量 literal) 12 / ...
- 用原生js模仿jquery
阅读声明:本文档仅供学习,由于个人能力有限,文档中有错漏的地方还请指出,大家共同学习. 目前在学习怎么样写jquery,模仿阶段,有兴趣的同学可以和我一起学习,共同交流,在学习的路上希望有你做伴. 在 ...
- 原生js和jquery实现图片轮播特效
本文给大家分享的是使用原生JS和JQ两种方法分别实现相同的图片轮播特效,十分的实用,也非常方便大家对比学习原生js和jQuery,有需要的小伙伴可以参考下. 1)首先是页面的结构部分对于我这种左右切换 ...
随机推荐
- C语言之内存分配函数
#include <stdio.h> #include <stdlib.h> #include <string.h> int main() { /********* ...
- php漂亮的分页类
<?php /* * PHP分页类 * @package Page * @Created 2013-03-27 * @Modify 2013-03-27 * ...
- mysql命令行执行时不输出列名(字段名),直接显示字段对应的数值
执行命令时加个-N参数就可以了 -N, –skip-column-names 比如说:mysql -uroot -p1234546 -N -e “select * from user;”
- java script 数组去重两种方法
第一种方法: var arr=[1,1,2,3,4,4,4,5,6,6,6,6]; var arrb=Array(); for(var i=0;i<arr.length;i++) ...
- NX二次开发-UFUN获取图纸视图最大边界和视图中心点UF_DRAW_ask_view_borders
NX9+VS2012 //获得视图的最大边界 ]; UF_DRAW_ask_view_borders(view_tag[j], view_borders); //获得视图原点 ]; ViewOrigi ...
- HDU3342:判断有向图中是否存在3元环-Tarjan或拓扑排序
题目大意: 给你一个关系图,判断是否合法.每个人都有师父和徒弟,可以有很多个: 若A是B的师父,B是C的师父,则A也算C的师父. 不合法: 1) . 互为师徒:(有回路) 2) .你的师父是你徒弟 ...
- spring其他配置 (3)
目录 一.自动装配 Autowired 二.bean的作用于singleton,prototype 三.引入外部资源properties文件 四.SpEL表达式 (可以为属性进行动态的赋值) 五.通过 ...
- 用注册表创建无法删除的IE快捷方式
代码如下: Windows Registry Editor Version 5.00 [HKEY_LOCAL_MACHINE/SOFTWARE/Classes/CLSID/{98745625-1234 ...
- unity 移动
上下左右平移 void Start() { QualitySettings.vSyncCount = ; Application.targetFrameRate = ;//控制帧数 } // Upda ...
- scrapy-redis分布式爬取tencent社招信息
scrapy-redis分布式爬取tencent社招信息 什么是scrapy-redis 目标任务 安装爬虫 创建爬虫 编写 items.py 编写 spiders/tencent.py 编写 pip ...