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. Google Maps瓦片(tile)地图文件下载(1-11层级)

    整理硬盘时,发现一份去年下载的谷歌地图瓦片文件,整理并分享给大家. 地图来源:Google Maps(应该是国内谷歌地图) 采集时间:2017年6月 采集范围:0-6层级世界范围:7-11层级中国范围 ...

  2. C#语言

    封面 书名 版权 前言 目录 第Ⅰ部分 C#语言 第1章  NET体系结构 1.1  C#与.NET的关系 1.2  公共语言运行库 1.2.1  平台无关性 1.2.2  提高性能 1.2.3  语 ...

  3. C#串口SerialPort常用属性方法

    SerialPort(): //属性 .BaudRate;获取或设置波特率 .BytesToRead;得到 接收到数据的字节数 .BytesToWrites;得到送往串口的字节数 .DataBits; ...

  4. 多线程本地图片载入演示样例【OpenCV】【Pthread】

    Pthread barrier的简单使用演示样例: C++代码例如以下: // ThreadingLoadImages.cpp : 定义控制台应用程序的入口点. // #include "s ...

  5. SCWS 中文分词_测试成功

    地址: http://www.xunsearch.com/scws/index.php

  6. (原)GAN之pix2pix

    转载请注明出处: https://www.cnblogs.com/darkknightzh/p/9175281.html 论文: Image-to-Image Translation with Con ...

  7. 阿里云服务器Centos7.4开放80端口的记录

    问题: 阿里云服务器安装的是centos7, 搭建网站安装lnmp1.5后发现访问不了, 不明所以, 在一论坛找到关于80端口未开放的原因. 需求: 开放80端口.于是有了下面第一,二,三部分关于开放 ...

  8. Rocket Typist for Mac(增强型文本快速输入工具)破解版安装

    1.软件简介    Rocket Typist 是 macOS 系统上一款增强型文本快速输入工具,我们可以利用这款工具预先设置保存好很多日常生活学习或是工作中常用的文本片段,还能设定部分内容为变量,当 ...

  9. Spark 底层网络模块

    文章正文 对于分布式系统来说,网络是最基本的一环,其设计的好坏直接影响到整个分布式系统的稳定性及可用性.为此,Spark专门独立出基础网络模块spark-network,为上层RPC.Shuffle数 ...

  10. Google file system

    读完了Google file system论文的中文版,记录一下总结,懒得打字,直接上草图: