JavaScript（1）

　　第一次见到JavaScript的时候，看到了熟悉的“Java”，原来都是骗人的，李鬼不是李逵呀=。= 然而发现这个东西还是特别实用的，和Java比起来它简单多了，只是一种轻量级的脚本语言，主要用于HTML和Web。当初那些想尽办法，写了一堆代码完成的功能，只要用了JavaScript都变的非常的简单。

　　因为好久都没有用过这个东西，所以打算跟着W3SCHOOL再学习一边，以便为今后学习jQuery和Ajax打基础。

1.在HTML页面输出

　　JS能够直接写入HTML的输出流中，并在页面上输出，但是要注意的是，只能在HTML输出流中使用document.write,如果在文档加载后使用它，它将会覆盖整个文档。

 <body>
 <script type="text/javascript">
     document.write("JavaScript是一种脚本语言");
     document.write("<br/>");
     document.write("它和Java没关系=。=");
 </script>
 </body>

2.对事件作出反应

　　JavaScript能够对事件作出反应，比如点击按钮。

<!DOCTYPE html>
<html>
<body>
<button type="button" onclick="alert('让你点你就点啊？!')">点击这里</button>
</body>
</html>

3.改变HTML内容

　　这个功能比较常用，document.getElementByID("some id")，这个方法是在HTML DOM中定义的，DOM是用以访问HTML元素的正式的W3C标准。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>改变HTML中的元素</title>
</head>
<body>
<p id="demo">我在学JavaScript</p>
<script type="text/javascript">
    function test(){
        x = document.getElementById("demo");    //根据id属性找到元素
        x.innerHTML = "根本学不会呀！";                //改变元素
    }
</script>
<button type="button" onclick="test()">快点我呀</button>
</body>
</html>

4.改变HTML的样式

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>改变HTML中的元素</title>
</head>
<body>
<p id="demo">我在学JavaScript</p>
<script type="text/javascript">
    function test(){
        x = document.getElementById("demo");    //根据id属性找到元素
        x.style.color = "#ff0000"                //改变元素
    }
</script>
<button type="button" onclick="test()">快点我呀</button>
</body>
</html>

5.验证输入

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>验证输入</title>
</head>
<body>
<p>请输入数字。如果输入值不是数字，会弹出提示框提示“输入错误”。</p>
<input id="demo" type="text"><br/>
<script type="text/javascript">
    function test(){
        var x = document.getElementById("demo").value;
        if(x==""||isNaN(x)){
            alert("输入错误！");
        }
    }
</script>
<button type="button" onclick="test()">快点我呀</button>
</body>
</html>

JavaScript（1）的更多相关文章

  1. 你不知道的Javascript（上卷）读书笔记之一 ---- 作用域

    你不知道的Javascript(上卷)这本书在我看来是一本还不错的书籍,这本书用比较简洁的语言来描述Js的那些"坑",在这里写一些博客记录一下笔记以便消化吸收. 1 编译原理 在此 ...

  2. 初探JavaScript（三）——JS带我"碰壁"带我飞

    已经写了两篇关于小白的JavaScript之行,不可否认,每一种语言都有其精华与糟粕之处,来不及细细体味其精华奥妙,也没法对其评头论足,只能先了解,后深入.到目前为止已经看完<JavaScrip ...

  3. 初探JavaScript（二）——JS如何动态操控HTML

    除去五一三天,我已经和<JavaScript Dom编程艺术>磨合了六天,第一印象很好.慢慢的,我发现这是一块排骨,除了肉还有骨头.遇到不解的地方就会多看几遍,实在不懂的先跳过,毕竟,初次 ...

  4. 初探JavaScript（一）——也谈元素节点、属性节点、文本节点

    Javascript大行其道的时候,怎么能少了我来凑凑热闹^_^ 基本上自己对于js的知识储备很少,先前有用过JQuery实现一些简单功能,要论起JS的前世今生,来龙去脉,我就一小白.抱起一本< ...

  5. tips javascript（一）

    tips javascript(一) 实现type函数用于识别标准类型和内置对象类型,语法如下: var t = type(obj); function type(o){    if (o === n ...

  6. 面向对象的JavaScript（2）：类

    在小项目中对于JavaScript使用,只要写几个function就行了.但在大型项目中,尤其是在开发追求良好的用户体验的网站中,如SNS,就会 用到大量的JavaScrpt,有时JavaScript ...

  7. 前端开发面试题总结之——JAVASCRIPT（一）

    ___________________________________________________________________________________ 相关知识点 数据类型.运算.对象 ...

  8. 前端笔记知识点整合之JavaScript（三）关于条件判断语句、循环语句那点事

      一.条件分支语句 条件分支语句,也叫作条件判断语句,就是根据某种条件执行某些语句,不执行某些语句. JS中有三种语法是可以表示条件分支的 1.1 if……else…… 条件分支的主力语法,这个主力 ...

  9. 前端开发面试题总结之——JAVASCRIPT（三）

    ___________________________________________________________________________________ 相关知识点 数据类型.运算.对象 ...

随机推荐

  1. cluster集群

    http://zwfang09.blog.sohu.com/entry/ Cluster 集群 ,群集 --- 负载均衡 LB ,load-balance --- 高可用集群 HA ,High Ava ...

  2. Android中实现两次点击返回键退出本程序

    1,当用户使用我们的app的时候,有时候无意的或者不是有心的按下了我们的返回键,这时候为了更好的用体验,我们需要让用户再一次确定一下,以便判断用户的真实意图 代码如下: //该功能实现退出时提示的功能 ...

  3. 如何学习c++

    在之后的随笔中,我作为一个c++的初学者将会把我如何学习c++的经历尽可能详细的记录下来. 这里引用了JerryZhang在他的博文里面写的一段话,当作我的座右铭. 1.多交流:不管你的技术多么硬,你 ...

  4. [php] 使用IDE的正则搜索代码

    ([^a-zA-Z_=$0-9/\[\>])('|"|,)?(\s*)store_banner(\s*)('|"|,)?([^a-zA-Z_=$0-9\/\(\]:]) 用在 ...

  5. Ado.net连接池 sp_reset_connection 概念

    什么是连接池? 正常情况下,每次访问数据库都会打开和关闭,中断物理连接后需要再次进行物理连接.这样操作会浪费资源 使用连接池,主要的区别在于,不需要中断物理连接,即每次中断请求时spid还是存在! 原 ...

  6. android 学习随笔二十九（自定义监听 ）

    package com.itheima.momo.dialog; import com.itheima.momo.R; import android.app.AlertDialog; import a ...

  7. hadoop概述测试题和基础模版代码

    hadoop概述测试题和基础模版代码 1.Hadoop的创始人是DougCutting?() A.正确 B.错误答对了!正确答案:A解析:参考课程里的文档,这个就不解释了2.下列有关Hadoop的说法 ...

  8. OBD 14230 Slow, Addr激活

    const u8 LinkCmd14230[6] = { 0xC2, 0x33, 0xF1, 0x01, 0x00, 0xE7 }; u8 ISO14230ADDR_Check(){          ...

  9. linux 使用串口连接设备console

    linux使用串口连接cisco设备的console   linux 自带一个串口命令:minicom,需要经过设置,之后就可以连接了.   传说是默认就可以,我可能RP不好,我必须要经过设置才可以. ...

  10. listview 滑动以后设置最上面一行为整行展示

    需求: listview显示的第一行永远为整行,不能为半行. 参考: android listview 每次滑动整行 1. 添加 listview 的 setOnScrollListener() 事件 ...