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. 【转】Angular之constructor和ngOnInit差异及适用场景

    原文:http://liuwenzhuang.github.io/2016/03/04/angular2-constructor-versus-ngOnInit.html -------------- ...

  2. Go 语言环境搭建

    本文内容 概述 Go SDK LiteIDE 参考资料 2009年Google推出了它的第二个开源语言 Go.对 Go 的评价褒贬不一,中国比国外的热情高.Go 天生就是为并发和网络而生的,除了这点外 ...

  3. WPF：理解ContentControl——动态添加控件和查找控件

    WPF:理解ContentControl--动态添加控件和查找控件 我认为WPF的核心改变之一就是控件模型发生了重要的变化,大的方面说,现在窗口中的控件(大部分)都没有独立的Hwnd了.而且控件可以通 ...

  4. python下申明式的对象关系DB映射器--Pony

    之前看到了Sails.js的waterline提供了声明式的关系型对象与DB的映射器,惊为天人,可以说是极大地提升了效率. 利用waterline的对象关系模型,用户可以直接使用javascript语 ...

  5. 【Socket】关于socket长连接的心跳包

    TCP的socket本身就是长连接的,那么为什么还要心跳包呢? 在smack里有个30s发送一个空消息的线程,同样关于心跳包(keepalive) 据网络搜索到的资料解释如下 内网机器如果不主动向外发 ...

  6. SAP BW 数据库表命名规则

    SAP BW 数据库表命名规则 已有 315 次阅读2012/6/8 15:55 |系统分类:专业内容| SAP, 命名, 数据库表 Namings for Cube: /BI<C OR DIG ...

  7. FiDDLER教程

    FiDDLER教程 摘自:林猪猪的部落格 的 前端工具 1 FIDDLER的使用方法及技巧总结(连载一)FIDDLER快速入门及使用场景 2 FIDDLER的使用方法及技巧总结(连载二)FIDDLER ...

  8. MXNET：深度学习计算-模型构建

    进入更深的层次:模型构造.参数访问.自定义层和使用 GPU. 模型构建 在多层感知机的实现中,我们首先构造 Sequential 实例,然后依次添加两个全连接层.其中第一层的输出大小为 256,即隐藏 ...

  9. JavaScript反向shell

    Node.js反向Shell 摘自:http://www.itfang.net/?p=109 如下的Javascript就是一个Node.js的反向连接shell. 这个payload将会生成一个/b ...

  10. .NET DLL 加密工具

    最近发现了一个软件叫 DotfuscatorPro 混淆加密工具 设置方式如下 1. Settings->Global Options Disable String Encryption 设为  ...