快速学习JavaScript这一篇就够了

<script type="text/javascript">
    function demo1(){
		let a="123";
		let b="123.5";
		let c="123.56.78";
		let d="a123.45";
		let e=123.45;
		let f="true";
		let g = true;
		let h="false";
		let i=false;
		
		alert((Number(a)+1)+";"+(parseInt(a)+1)+";"+(parseFloat(a)+1));//123
		alert(Number(b)+";"+parseInt(b)+";"+parseFloat(b));//123.5
		alert(Number(c)+";"+parseInt(c)+";"+parseFloat(c));
		//c不是正确的数字格式，所以Number做转换的时候转成NaN
		alert(Number(d)+";"+parseInt(d)+";"+parseFloat(d));//NaN
		alert(Number(e)+";"+parseInt(e)+";"+parseFloat(e));//124
		alert(Number(f)+";"+parseInt(f)+";"+parseFloat(f));//NaN
		alert(Number(g)+";"+parseInt(g)+";"+parseFloat(g));//
		alert(Number(i)+";"+parseInt(i)+";"+parseFloat(i));
		//Boolean类型可以通过Number（）进行转换
		//String类型可以通过Number（），parseInt（），parseFloat（）进行转换
</script>

<body>
    <input type="button" onclick="demo1();" value="类型转换" />
</body>

5）简单的运算符

同 Java一样，在这里先只介绍“=”、“==”、“===”。

= ：赋值运算符

== ：关系运算符-----类型不同转成相同类型的值进行比较

=== ：关系运算符-----类型相同就比较值，类型不同直接返回 false

6）调方法

推荐使用（声明式） function 方法名 ( a , b ) { 方法体 }

赋值式： var 方法名 = function () { 方法体 }

new对象方式： var 方法名 = new Function ( )

js中的方法没有重载，只有一个全局作用区域，同名就由下往上覆盖

参数：实参和形参的个数可以不一致

学习BOM

一般指的是 window对象，那 window有哪些属性，哪些方法？

1）属性

screen--------> alert ( window.screen.width + " ; " + window.screen.height )

location--------> window.location.href = " https://www.baidu.com/s "

history--------> window.history.go ( -1 )

document==>DOM --------> window.document.getElementById ( " textid " ).value;

2）方法

【弹框方法】(三种)

alert();  //用于提示，提醒，警告！
prompt();  //用于接收用户的输入信息的
confirm();  //用户可以进行确认和取消操作

【父页面，子页面】

window.open("xxxx.html");

【定时器】(两种)

window.setTimeout(function(){
    window.close();
},5000);  //指毫秒数

window.setInterval(function(){
    window.close();
},1000);

【取消定时器】(两种)

window.clearTimeout();
window.clearInterval(;

【事件阻止机制】

onclick="return 方法名();"

学习 jQuery

什么是 javaScript ?

jQuery 是 javaScript 的一个类库，是简化的 DOM，能实现代码分离的效果

$(document).ready(function(){
	jQuery代码
}

简化DOM

1）获得标签对象

1.$("选择器")
    $("[src]")		
    $("[src]:frist")要第一个信息
2.$(DOM)	
3.$("html代码")

2）获得/设置属性值

attr("属性");
attr("属性","新的值");

3）获得/设置样式

$(this).css("background-color","#FFFF00");
$(this).css("background-color");

4）获得/设置文本

$("h1:eq(0)").html("<i style='color: red;'></i>");

5）获得/设置标签结构

落晗羽2.0

关注

26
点赞
踩
19

收藏

觉得还不错? 一键收藏
0
评论
快速学习JavaScript这一篇就够了

JavaScript = ECMAScript（语法） + BOM（浏览器对象模型）+ DOM（文档对象模型）【jQuery版的DOM----简化DOM】
复制链接

扫一扫

专栏目录

快速学习JavaScript这一篇就够了

什么是JavaScript

学习ECMAScript

1）输出语句

2）输入语句

3）变量

4）普通类型之间的转换