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. 反向代理WebSocket连接自动断掉的问题

    Nginx可能设置了超时时间,导致WebSocket一会儿就断了 解决方法: 1.增加Nginx配置 proxy_read_timeout 500s; 注:三种超时时间,参见 https://www. ...

  2. docker-compose中启动镜像失败的问题

    http://blog.csdn.net/boling_cavalry/article/details/79050451 解决docker-compose启动镜像失败的问题: 原文地址:http:// ...

  3. 我是陌生人 Java中导入、导出Excel

    我是陌生人 Java中导入.导出Excel 一.介绍 当前B/S模式已成为应用开发的主流,而在企业办公系统中,常常有客户这样子要求:你要把我们的报表直接用Excel打开(电信系统.银行系统).或者是: ...

  4. QueryRunner实战(query_update)、BeanList\BeanHandler、MapList\MapHandler、ScalarHandler

    1.c3p0-config.xml <?xml version="1.0" encoding="UTF-8"?> <c3p0-config&g ...

  5. java中常用jar包

    commons-io.jar:可以看成是java.io的扩展,用来帮助进行IO功能开发．它包含三个主要的领域:Utilityclasses-提供一些静态方法来完成公共任务．Filters-提供文件过滤 ...

  6. Microsoft/Git-Credential-Manager-for-Mac-and-Linux

    纠正Mac上的错误: Fatal: java.lang.Error encountered. Details: unexpected errorfatal: credential helper '!/ ...

  7. JAVA四则运算字符串解释器

    最近学习到后缀表达式,于是基于后缀表达式的思想,写了一个四则运算解释器,输入字符串类型的四则运算表达式,可以直接得到结果,支持括号嵌套. 实现时主要考虑以下两点: 字符串中运算符和数字分离 运算符优先 ...

  8. awk学习[参考转载]

    一.基本示例 1.last -n 5 | awk '{print $1}'   $0代表全部 2.last -n 5 | awk -F:  '{print $1}'    -F代表设置分割符, :代表 ...

  9. Android 组件系列-----Activity生命周期

    本篇随笔将会深入学习Activity,包括如何定义多个Activity,并设置为默认的Activity.如何从一个Activity跳转到另一个Activity,还有就是详细分析Activity的生命周 ...

  10. 分库分表利器——sharding-sphere

    背景 得不到的东西让你彻夜难眠,没有尝试过的技术让我跃跃欲试. 本着杀鸡焉用牛刀的准则,我们倡导够用就行,不跟风,不盲从. 所以,结果就是我们一直没有真正使用分库分表.曾经好几次,感觉没有分库分表(起 ...