首页 技术 正文
技术 2022年11月19日
0 收藏 517 点赞 2,172 浏览 1944 个字

一:事件(Event)对象

  在触发dom事件的时候都会产生一个event对象

  1. type   获取事件类型
  2. target  获取事件目标
  3. stopPropagation()  阻止事件冒泡
  4. preventDefault() 阻止事件默认行为

  eg:

二:string对象

  1. lenget          长度
  2. indexof()     位置
  3. march()       内容匹配
  4. replace()      替换
  5. toUpperCase  大小写转换
  6. split()          字符串变为数组

  eg:

    <script type="text/javascript">
var str = "Hello World";
// alert(str.length); // 结果为11 //alert(str.indexOf("World")); // 结果为:6
//alert(str.indexOf("aa1")); // 结果为:-1 //alert(str.replace("World","LiPeng"));//输出为:Hello LiPeng // alert(str.toLowerCase());//结果为:hello world
var str2 = "A,B,C,E|F"
var s = str2.split(",");// 这里不能同时分割? 不能按字符数组分割?
alert(s[3]);
</script>

三:Date对象

  1. getFullYear()      获取年份
  2. getTime()          获取时间戳
  3. setFullYear()   设置时间

  eg:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body onload="getTime()">
<script type="text/javascript">
function getTime() {
var date = new Date();
var h = date.getHours();
var m = date.getMinutes();
var s = date.getSeconds();
m = checkTime(m);
s = checkTime(s);
document.getElementById("timetxt").innerHTML = "时间:" + h + "时" + m + "分" + s + "秒";
var n = setTimeout(function () { getTime(); }, 1000);
}
function checkTime(t) {
if (t < 10)
t = "0" + t;
return t;
}
</script>
<div id="timetxt">
</div>
</body>
</html>

四:Array对象

  使用单独的变量名存储一系列变量

  eg:

    <script type="text/javascript">
var myArray = ["hello", "li", "peng"];
var str = "hello";
var myArray2 = ["d", "a", "b", "c"];
// 输出 a,b,c,d(升序排序)
// document.write(myArray2.sort()); // 输出d,c,b,a(降序排序)
//document.write(myArray2.sort(function (a, b) { return b - a })); // 连接 myArray 和 myArray2
/document.write(myArray.concat(myArray2)); // 增加字符串
//myArray.push("c"); //这里给myArray加了一个c 返回值为4
//document.write(myArray); // 反转myArray
//document.write(myArray.reverse());
</script>

五:Math对象

  

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<button id="btn">
提交</button>
<div id="divid">
</div>
<script type="text/javascript">
document.getElementById("btn").addEventListener("click", function () {
document.getElementById("divid").innerHTML = parseInt(Math.random() * 1000);
}); alert(Math.max(10, 20, 15));
alert(Math.round(2.5698));
</script>
</body>
</html>
相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,104
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,580
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,428
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,200
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,835
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,918