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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值