WEB前端复习—

WEB前端复习——JS

JS是运行在客户端的脚本（script）语言

引入JS进html

①sript标签内编写

<script type="text/javascript">
    document.write("<h1>hi</h1>")
    window.alert("who")
</script>

②外部JS script src【CSS是link href】

<head>
    <title>Document</title>
    <link type="text/css" rel="2" href="URL.css">
    <script src="./ht.js"></script>
</head>

③内联

<body>
    <button onclick="javascript:alert('hi')">anniu
    </button>
</body>

var i=0;

var arr1=new Array(19);

var str=new String("hi");

var stu={

name:"me",

age:1

}

document.write("写入网页");

window.alert("弹出警告框" );

console.log("控制台输出");

String对象：属性length

Array对象：属性length 方法join() reverse() sort()

Date对象： myDate = new Date()

JS事件

onClick	点击
onChange	内容改变
onFocus	获得焦点
onBlur	失去焦点
onLoad	载入浏览器
onUnload	离开页面
onMouseOver	鼠标移到对象
onMouseOut	鼠标离开对象
onMouseMove	鼠标在对象上移动
onMouseDown	鼠标在对象上按下
onMouseUp	鼠标在对象上释放
onSubmit	提交表单
onResize	改变窗口大小

</head> 
<script type="text/javascript">
    function hello(){
        alert("hi");
    }
</script>
<body>
    <a href="./html2.html" onmousemove="hello()">link</a>    
</body>

windows.alert()警告框

windows.confirm()确认

windows.prompt()提示

document.write()

docunment.getElementById("").value

input类型：text password sumbit、reset、 checkbox(多选)、ratio（单选）

提交表单（<form action="提交到何处" method="get/post"）

</head> 
<script type="text/javascript">
    function hello(){
       var name = document.getElementById("username").value;
       var password= document.getElementById("psw").value;
       alert(name+":"+password);
    }
</script>
<body>
    <form action="">
       name <input type="text" id="username" ><br>
       psw <input type="password" id="psw">
        <input type="submit" id="sub" onclick="hello()">
    </form>
</body>

<textarea cols="" row=""></textarea> 文本域

下拉选框：

   <select size="2" multiple="multiple">
    <option value="1">3</option>
    <option value="2">4</option>
   </select>