javaScript学习总结

最新推荐文章于 2023-03-04 17:19:53 发布

原创最新推荐文章于 2023-03-04 17:19:53 发布 · 581 阅读

0 ·

CC 4.0 BY-SA版权

javaScript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍JavaScript如何在HTML中输出内容，包括使用document.write方法、使用match方法匹配字符串、判断变量是否为数字、创建对象、将字符串转换为大写、使用全等运算符、onload和onunload事件、创建新元素、删除HTML元素、循环遍历对象属性、八进制和十六进制转换、设置日期、显示钟表、日期操作、数组排序、获取web主机信息、警告、确认和提示框、JavaScript计时事件、科学计数法、数值转换、toFixed、toExponential和toPrecision方法、delete运算符。

直接在HTML中输出内容
document.write("<h1>This is a heading</h1>");

match方法可以对字符串进行匹配，成功则返回匹配的字符串，失败则返回null
element = document.getElementById('myimage');
element.src.match("bbb");

判断x是否：数字和合法
isNaN(x)

创建一个person对像
var person={
firstname : "Bill",
lastname : "Gates",
id : 5566
};
name=person.lastname;
name=person["lastname"];

把字符串变成大写
var message="Hello world!";
var x=message.toUpperCase();

=== 全等（值和类型）

onload 和 onunload 事件会在用户进入或离开页面时被触发。

用js创建一个新元素
var para=document.createElement("p");
var node=document.createTextNode("这是新段落。");
para.appendChild(node);

删除已有的HTML元素
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);

循环遍历对象的属性：
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person)
{txt=txt + person[x];}

var y=0377;八进制
var z=0xFF;十六进制

自己设置日期
var d = new Date()
d.setFullYear(1992,10,3)
document.write(d)

显示一个钟表：
function startTime(){
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}
function checkTime(i) {
if (i<10)
{i="0" + i}
return i
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>

将日期对象设置为5天后的日期：日期可以直接用>、<、=来比较
Var myDate = new Date();
myDate.setDate(myDate.getDate() + 5);

从数值上对数组进行排序：
arr.sort(sortNumber);
从字面上对数组进行排序：
arr.sort();

window.location.hostname返回 web 主机的域名
location.path 返回当前页面的路径和文件名
location.port 返回 web 主机的端口（80 或 443）
location protocol 返回所使用的 web 协议（http:// 或 https://）
location.href 属性返回当前页面的 URL。
location.pathname 属性返回 URL 的路径名。
Location.assign(“www.baidu.com”); 加载新的文档
Window.history.back() - 与在浏览器点击后退按钮相同
Window.history.forward() - 与在浏览器中点击按钮向前相同
navigator.appCodeName浏览器使用的代码名称
navigator.appName使用的什么浏览器
navigator.appVersion浏览器版本
navigator.cookieEnabled浏览器是否支持cookie
navigator.platform什么平台（win32）

警告框：alert(“aa”);
确认框：confirm(“aa”);
提示框：prompt(“aa” , “输入框中默认显示的值”);

JavaScript计时事件：
t=setTimeout("timedCount()",1000);开始计时
clearTimeout(t)取消计时

科学计数法：
5.618e7等于56180000

Var iNum = 10;
Alert(iNum.toString(2));//1010转换成二进制
Alert(iNum.toString(8)); //12转换成八进制
Alert(iNum.toString(16)); //A转换成十六进制

parseInt(“12345red”);//返回12345
parseInt(“0xA”);//返回10
parseInt(“56.9”);//返回NaN
parseInt(“AF” , 16);//返回175
parseInt(“10” , 2);//返回2(二进制的10=2)
parseInt(“10” , 8);//返回8
parseInt(“10” , 10);//返回10

parseFloat(“123456”);//返回123456
parseFloat(“0xA”);//返回NaN
parseFloat(“11.2”);//返回11.2
parseFloat(“11.22.33”);//返回11.22
parseFloat(“0102”);//返回102
parseFloat(“red”);//返回NaN

toFixed(x)方法保留x位小数，最多20位小数：
var oNumberObject = new Number(68);
alert(oNumberObject.toFixed(2);//输出68.00

toExponential (x);方法转换成科学计数法。x表示指定要输出的小数的位数：
var oNumberObject = new Number(68);
alert(oNumberObject.toExponential(1));//输出6.8e+1

toPrecision(x);方法，表示用x位来表示要显示的数：
var oNumberObject = new Number(68);
alert(oNumberObject. toPrecision (1));//输出7e+1
var oNumberObject = new Number(68);
alert(oNumberObject. toPrecision (2));//输出68
var oNumberObject = new Number(68);
alert(oNumberObject. toPrecision (3));//输出68.0

delete 运算符删除对以前定义的对象属性或方法的引用
var o = new Object();
o.name = “David”;
delete o.name;