01.js(FirstJavaScrpty)第一个个javascript

1.  Document.write("");//这个是在页面上输出一段信息 ;  例如：document.write("您好");

2. Document.getelementbyid("");//这个是根据html标题的id,到的这个html标签；  例如：<div  id="tablD"></div>   Document.getelementbyid("tablD");

3. parseInt:可以把数字字符串转换成number类型的数字

4.onDblClick：双击时, 双击后激活事件, 双击；例如：<div  id="tablD"></div>  var  ondb=  document.getelementByid("tablD");  ondb.onDblClick=function(){ alert("你双击我了");};

onclick:在元素被点击的时候触发     例如：<div  id="tablD"></div>  var  ondb=  document.getelementByid("tablD");  ondb.onclick=function(){ alert("你双击我了");};

onmouseover:当鼠标移入的时候触发

 onblur:当元素失去焦点的时候触发

onfocus:在元素获得焦点的时候触发

  Confirm (弹出一个带确定和取消的对话框，让用户自己选择，如果用户点击的是确定就返回一个true,如果点击了取消或关闭这个对话框就返回的是false,用户做确定删除)

5.onMouseOver：鼠标移到目标上；鼠标移进时

6.你点我就替换文本内容，javasCript文件使用。如下

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <script src="Teat.js"></script>//调用Test.js文件

    <script type="text/javascript">

        window.onload = function () { wind(); onClick2(); };

        function onClick2() {

            gel("divmain").onclick = function () {

                gel("divmain").innerText = "你好啊！";

            };

        };

    </script>

</head>

<body>

    <div id="divmain">点我就换成：你好啊！</div>

    <a href="javascript:alert('你点我干吗？')">sss</a>

    <span>bbbb</span>

</body>

</html>

Test.js(javaScript文件)

    function gel(id) { return document.getElementById(id) };

   var wind = function () {

        test2(, );//数字加数字，所以是3

        test2(, parseInt(""));//parseInt：解析成整数。，所以是3.

        test2("", );//“1”是字符串，所以是12

        test2("", "");//字符串连接字符串，所以是12

    }

    function test2(text1,text2) {//js方法参数不我指定什么类型，可以直接写

        alert(text1 + text2);

    }

结果是按照顺序弹出：3，3,12,12，

【点我就换成：你好啊！】会换成：你好啊！

7.提示框：  单击dd，确定：点击了确定，取消 ：点击了取消 

例子： <style>  #divmain{width:100px;height:20px; border:1px solid #4cff00;text-align:center;background-color:#ff0000;}</style>

                   <script>
                     window.onload = function () {
                  document.getElementById("divmain").onclick=function(){
                    if(confirm("你好！")){
                    divmain.innerHTML = "点击了确定";
                     }
              else {
                           divmain.innerHTML = "点击了取消";
                    }
                }
            }
  </script>
</head>
 <body>
        <div id="divmain">dd</div>
</body>

js20130114的更多相关文章

随机推荐

  1. SpringMVC+Thymeleaf +HTML的简单框架

    一.问题 项目中需要公众号开发,移动端使用的是H5,但是如果不用前端框架的话,只能考虑JS前端用ajax解析JSON字符串了.今天我们就简单的说下前端框架Thymeleaf如何解决这个问题的: 二.开 ...

  2. [Java] Hashtable 源码简要分析

    Hashtable /HashMap / LinkedHashMap 概述 * Hashtable比较早,是线程安全的哈希映射表.内部采用Entry[]数组,每个Entry均可作为链表的头,用来解决冲 ...

  3. python新建txt文件，并逐行写入数据

    #coding=utf-8 txtName = "codingWord.txt"f=file(txtName, "a+")for i in range(1,10 ...

  4. 通过jarjar.jar来替换jar包名的详细介绍

    有时候我们根据一些场景 需要替换第三方jar包的包名,比如Android广告平台sdk,更换他们jar包包名的话,可以防止市场检测到有广告插件,所以,今天就介绍一下如何使用jarjar.jar工具来替 ...

  5. tsung -- 压力测试利器

    Tsung 是一个压力测试工具,可以测试包括HTTP, WebDAV, PostgreSQL, MySQL, LDAP, and XMPP/Jabber等服务器.针对 HTTP 测试,Tsung 支持 ...

  6. CentOS 7 下sendEmail发邮件失败，提示invalid SSL_version specified at /usr/share/perl5/vendor_perl/IO/Socket/SSL.pm line 415.

    系统环境CentOS Linux release 7.2.1511 (Core) sendEmail发送邮件是出现以下报错:************************************** ...

  7. struts2：多业务方法的处理（动态调用，DMI）

    struts2支持调用指定Action类中某一个业务方法.如果没有指定,则调用execute方法. 1. 第一种实现方式,通过URL叹号参数 1.1 创建Action类,带多个方法 package c ...

  8. visio2013激活软件

    环境是 win7, 64 bit 装了 visio 2013 , 可以却不能用它来画图,在网上找了一些破解工具,大都不能解决问题.网上不靠谱的广告型文章太多了,比较头痛. 所幸,终于找到正确的破解工具 ...

  9. Haproxy全透明代理

    1. 系统环境搭建 操作系统Centos7 内核版本3.10 Centos7已自带TPROXY模块,不需要安装TPROXY 2. Haproxy下载,编译,安装,配置 下载地址 http://www. ...

  10. 《CLR via C#》读书笔记 之 线程基础

    第二十五章 线程基础 2014-06-28 25.1 Windows为什么要支持线程 25.2 线程开销 25.3 停止疯狂 25.6 CLR线程和Windows线程 25.7 使用专用线程执行异步的 ...