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. 【GPU编解码】GPU硬编码 (转)

    一.OpenCV中的硬编码 OpenCV2.4.6中,已实现利用GPU进行写视频,编码过程由cv::gpu::VideoWriter_GPU完成,其示例程序如下. 1 int main(int arg ...

  2. 国内混合APP开发技术选型

    http://www.sunzhongwei.com/weex-react-native-ionic-technology-selection 选谁? 企业级应用是要考虑性能和流畅度的, 如果只是做个 ...

  3. Ubuntu中安装和配置 Java JDK，并卸载自带OpenJDK（以Ubuntu 14.04为例）

    1.下载jdk-7u67-linux-x64.tar.gz 2.用ftp客户端工具filezilla上传到ubuntu的合适文件夹.如果如果不能上传到指定文件夹可能是文件夹权限不足,修改文件夹可执行权 ...

  4. Oracle11g登录名和密码不区分大小写

    问题描述: oracle11g对账户密码实行大小写识别,烦的一比!想移除此限制 问题解决: oracle 11g以前的版本的用户名和密码是不区分大小写!oracle 11g 用户名和密码默认区分大小写 ...

  5. Adobe Photoshop for Mac（图像处理软件）破解版安装

    1.软件简介    Adobe Photoshop(简称 "PS")是 macOS 系统上一款由 Adobe Systems 开发和发行的图像处理软件.Photoshop 主要处理 ...

  6. 目标检测比赛---Google AI Open Images - Object Detection Track

    https://www.kaggle.com/c/google-ai-open-images-object-detection-track#Evaluation Submissions are eva ...

  7. 转: 如何使用jstack分析线程状态

    这个讲的好系列:  如何使用jstack分析线程状态 转:http://www.jianshu.com/p/6690f7e92f27 背景 记得前段时间,同事说他们测试环境的服务器cpu使用率一直处于 ...

  8. 每日英语：These Gadgets Aim To Put Some Teeth Into The Internet Of Things

    What the world needs now is a Web-enabled toothbrush. That part is clear to several oral-hygiene com ...

  9. 【Python】python3.6中实现同一行动态输出

    print同时需要设置flush=True来动态显示 print("\r[{0}] {1} <- {2}".format(username,time,jdTimeFomat) ...

  10. hive表增量抽取到mysql(关系数据库)的通用程序(三)

    hive表增量抽取到oracle数据库的通用程序(一) hive表增量抽取到oracle数据库的通用程序(二) 这几天又用到了该功能了,所以又改进了一版,增加了全量抽取和批量抽取两个参数.并且可以设置 ...