Javascript notebook

最新推荐文章于 2024-04-27 11:46:45 发布

不如不说不快乐

最新推荐文章于 2024-04-27 11:46:45 发布

阅读量550

点赞数

分类专栏： web开发

本文链接：https://blog.csdn.net/caohui1994/article/details/80780614

版权

web开发专栏收录该内容

11 篇文章 0 订阅

订阅专栏

How to quote javascipt in HTML

Quote javascript in HTML head、body
The following example：

<script type="text/javascript"> </script>
<script type="text/javascript1.5"> </script>

How to quote external javascipt file

<script type="text/javascript" src="URL"> </script>

One simple event processing code

Click Button-alert

<input type="button" name="Welcome" value="Welcome" onclick="alert('你好，欢迎学习Javascript')"／>

Click Button-fullscreen

<input type="button" name="FullScreen" value="FullScreen" onclik="window.open(document.location,'big','fullscreen=yes')">

Click piture-alert

<img border="0" src="image/2048.png" alt="2048"  onclick="alert('Click!')" width="93" height="93" />

Over picture-alret

<img border="0" src="image/2048.png" alt="2048"   onmouseover="alert('Over!')"  width="93" height="93" />

Show coordinate in title and body

<script type="text/javascript">
function show_coords(event){
    var x=event.clientX;
    var y=event.clientY;
    alert("X coords: " + x + ", Y coords: " + y);
}
</script>

<p onmousedown="show_coords(event)">点击这一行。一个消息框会提示出鼠标指针的 x 和 y 坐标。</p>

var body=document.body;  
body.onclick="show_coords(event)"

Print in body

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Print</title>
<style type="text/css">
body{
    text-align:center;
}
</style>
</head>

<body>
<script>  
var i,j;
for(i=1;i<10;i++){
    for(j=1;j<i;j++){
        document.write("|");
    }
    document.write("<br/>");
}
</script>
</body>
</html>