javascript语言精萃

原创 2016年05月19日 20:12:27

概述

  • 世界上最流行的脚本语言
  • 兼容性强
  • 为html增强交互
  • 语法简单
    javascript的实现
  • 必须置于之间
  • 中的js函数
  • 中的js函数
  • 外部js文件
    javascript的输出

  • js操作html元素(element)

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p id="demo">My First Paragraph</p>

<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
</body>
</html>

写到文档输出
下面的例子直接把

元素写到 HTML 文档输出中:

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<script>
document.write("<p>My First JavaScript</p>");
</script>

</body>
</html>

警告
请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p>My First Paragraph.</p>

<button onclick="myFunction()">点击这里</button>

<script>
function myFunction()
{
document.write("糟糕!文档消失了。");
}
</script>

</body>
</html>

事件onmouseover and onmouseout

<!DOCTYPE html>
<html>
<body>
<div style="background-color:green;color:#fff;width:120px;
height:20px;padding:40px;margin:20px;box-shadow:10px 10px 10px #fff;" onmouseover="Onover(this)" onmouseout="Onout(this)">移动鼠标点击</div></br>

<div style="background-color:green;color="#fff";font-size:13px;padding:40px;width:120px;height:20px;"onmouedown="Ondown(this)";onmouseup="Onup(this)">移动鼠标</div>

<script>
function Onover(obj)
{
    obj.innerHTML="谢谢"
}
function Onout(obj)
{
    obj.innerHTML="把鼠标移走"
}
function Ondown(obj)
{
 obj.innerHTML="按住鼠标";
 obj.style.background-color="#1ec5e5"
 }
 function Onup(obj)
 {
     obj.innerHTML="松开鼠标";
     obj.style.background-color="green"
 }
</script>
版权声明:本文为博主原创文章,未经博主允许不得转载。

JavaScript使用精萃

(一)确认删除用法1、BtnDel.Attributes.Add("onclick","return confirm("+"确认删除?"+")");2、linktempDelete.Attribute...
  • jinshi_cn
  • jinshi_cn
  • 2008年06月01日 00:29
  • 453

JavaScript使用技巧精萃【转】

 (一).确认删除用法:   1. BtnDel.Attributes.Add("onclick","return confirm("+"确认删除?"+")");   2. linktempDel...
  • reamerit
  • reamerit
  • 2009年05月09日 12:54
  • 374

JavaScript使用技巧精萃

JavaScript使用技巧精萃 (一).确认删除用法:1. BtnDel.Attributes.Add("onclick","return confirm("+"确认删除?"+")");2. lin...
  • accp_huihui
  • accp_huihui
  • 2007年05月22日 20:49
  • 327

JavaScript使用技巧精萃

(一).确认删除用法:   1. BtnDel.Attributes.Add("onclick","return confirm("+"确认删除?"+")");   2. linktempDelete...
  • assureo
  • assureo
  • 2008年05月29日 10:21
  • 217

JavaScript使用技巧精萃

(一).确认删除用法:  1. BtnDel.Attributes.Add("onclick","return confirm("+"确认删除?"+")");  2. linktempDelete...
  • techweb
  • techweb
  • 2007年12月14日 18:07
  • 207

【JavaScript】JavaScript使用技巧精萃

(一).确认删除用法: 1. BtnDel.Attributes.Add("onclick","return confirm("+"确认删除?"+")");  2. linktempDelete.At...
  • shaoboyy
  • shaoboyy
  • 2008年11月21日 16:12
  • 1487

隋唐演义-评书-单田芳

听了近一个月,隋唐演义,的上部,共116段,终于听完了,过瘾,比看电影,电视剧强多了! 这个评书很吸引我,主要: . 单田芳讲述功力深厚,语言诙谐,模仿惟妙惟肖 . 故事本身情节吸引人 ....
  • xhjok
  • xhjok
  • 2011年10月09日 11:08
  • 955

JavaScript使用技巧精萃

(一).确认删除用法:  1. BtnDel.Attributes.Add("onclick","return confirm("+"确认删除?"+")");  2. linktempDelete.A...
  • dreamw
  • dreamw
  • 2006年08月16日 01:01
  • 414

[JS]JavaScript使用技巧精萃

js,技巧
  • cubuntu
  • cubuntu
  • 2010年10月13日 10:21
  • 601

JavaScript使用技巧精萃(二)

1.4屏蔽浏览器右上角“最小化”“最大化”“关闭”键 function window.onbeforeunload() {   if(event.clientX>document.body.clien...
  • nolast02
  • nolast02
  • 2008年06月03日 15:37
  • 170
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript语言精萃
举报原因:
原因补充:

(最多只允许输入30个字)