javaScript-2018.5.16

HTML 定义了网页的内容

CSS 描述了网页的布局

JavaScript 网页的行为

<link rel="stylesheet" type="text/css" href="ys.css">

 

一、JavaScript 

1. 事件响应

<body onload="">

 

Eg

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<script>

function tip(){

alert("祝愿你身体健康!");

}

function dw(){

alert("你的确有种!服了!");

}

</script>

<body onload="tip()">

<h1 onclick="dw()">有种你就点我啊</h1>>

</body>

</html>

 

二、在html中调用JS文件

 

 

html文件中加入

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

 

JS文件中放函数方法:.js文件

 

function gb(){

window.close();

}

function kd(){

alert(window.screen.width);

}

function dx(){

window.location="https://www.baidu.com/";

}

function xs(){

var mb = document.getElementById("nr");

alert(mb.innerHTML);

var mb2 = document.getElementById("nr2");

alert(mb2.value);

}

 

 

三、jQuery文件:(专业JS库) 放到Webcntent文件下

 

Eg

<script>

$(document).ready(function(){

var v1 = $("div:eq(0)").html();

alert(v1);

var v2 =$("div:eq(1)").html();

alert(v2);

$("h1").click(function(){

alert("你的确有种");

})

});

 

</script>

 

<body>

<div>你好</div>

<div>他好</div>

<h1>有种就点我啊</h1>

 

</body>
表单:
<>





阅读更多

没有更多推荐了,返回首页