JS基础语法与内置对象-优快云博客

本文链接：https://blog.youkuaiyun.com/alive2012/article/details/50596997

<script></script>

嵌入html

<script src=".js"></script>

var 变量名 //定义变量

//输出内容

document.write();

//警告

alert();

//确认

confirm();

//提问

prompt(str1,str2);

//打开新窗口

window.open([URL],[窗口名称],[参数字符串]);

DOM

这里写图片描述

document.getElementById("");

obj.innerHTML = "";

obj.style.property = new style ; // property 属性

//显示和隐藏（display属性）

obj.style.display = none/block ;

操作符的优先级：算术操作符 → 比较操作符 → 逻辑操作符 → “=”赋值符号

事件响应

鼠标点击事件（onclick）
<form>
  <input name="点击我" type="button" value="点击我"/ onclick="openwin()">
</form>

鼠标经过事件（onmouseover）

光标聚焦事件（onfocus）

失焦事件（onblur）

内容选中事件（onselect）

文本框内容改变事件（onchange）

加载事件（onload）

内置对象

这里写图片描述

//一个用数组实现输出星期几的小代码，很有意思
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获得星期</title>
<script type="text/javascript">
  var mydate=new Date();
  var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
  var myday = mydate.getDay();
  document.write("今天是：" + weekday[myday] );
</script>
</head>
<body>
</body>
</html>

get/setTime 返回设置时间，单位是毫秒数

indexOf();

split()；字符串分割

substring(startPos,stopPos); 提取子字符串提取的是stop-1的位置

substr(startPos,length);

Math对象

ceil(); 向上取整
floor(); 向下取整
round(); 四舍五入
random(); 随机数

数组

数组连接 concat(arr1,arr2…);

指定分隔符连接数组元素join();

颠倒数组元素顺序reverse();

选定元素slice（start,end）; end-1

数组排序 sort(方法函数)

若返回值<=-1，则表示 A 在排序后的序列中出现在 B 之前。
若返回值>-1 && <1，则表示 A 和 B 具有相同的排序顺序。
若返回值>=1，则表示 A 在排序后的序列中出现在 B 之后。

//第七章js内置对象编程练习

<!DOCTYPE  HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航</title>

<script type="text/javascript">

  //通过javascript的日期对象来得到当前的日期，并输出。
  var myDate = new Date();
  var myWeekday= ["星期日","星期一","星期二","星期三","星期四","星期五","星期六" ];
  document.write(myDate.getFullYear()+"年"+myDate.getMonth()+1+"月"+myDate.getDate()+"日" + "&nbsp"+myWeekday[ myDate.getDay() ] +"<br />" );

  //成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦
  var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
  var score1 = scoreStr.split(";");
  document.write(score1+"<br/>");

  var num1 = score1[0].split(":");
  document.write(num1[1]+"<br />");

  //从数组中将成绩撮出来，然后求和取整，并输出。
   var n = 0;
   var sum = 0;
   for(n;n<score1.length;n++){
    var string_num = score1[n].split(":");
    sum+=parseInt(string_num[1]);

   }

   var average = sum / score1.length ;
   document.write("score average : "+Math.round(average));


</script>
</head>
<body>
</body>
</html>