1、JavaScript的作用

①JavaScript 为 HTML 设计师提供了一种编程工具

②JavaScript 可以将动态的文本放入 HTML 页面

③JavaScript 可以对事件作出响应

④JavaScript 可以读写 HTML 元素

⑤JavaScript 可被用来验证数据

⑥JavaScript 可被用来检测访问者的浏览器

⑦JavaScript 可被用来创建 cookies

2、JavaScript的基本用法

<!DOCTYPE html>

<html>

<body>

<p>JavaScript能直接写入HTML输出流中：</p>

<script>

    document.write("<h1>This is a heading</h1>");

    document.write("<p>This is a paragraph</p>");

</script>

<p>您只能在HTML输出流中使用document.write. 如果您在文档加载后使用（比如在函数中），会覆盖整个文档</p>

<button type="button" onclick="alert('hello world')">press me </button>

<p id="demo">我是改变前的段落内容</p>

<script>

    function zzl()

    {

        x = document.getElementById("demo");

        if(x.innerHTML.match("after changed"))

        {

            x.innerHTML= "before changed";

            x.style.color="red";

        }

        else

        {

            x.innerHTML= "after changed";

            x.style.color="blue";

        }

    }

</script>

<button type="button" onclick="zzl()"> 点我改变内容 </button>

<script>

    function testLight()

    {

        x = document.getElementById("light");

        if(x.src.match("/i/eg_bulboff.gif"))

        {

            x.src="/i/eg_bulbon.gif";

        }

        else

        {

            x.src="/i/eg_bulboff.gif";

        }

    }

</script>

<image id="light" src="/i/eg_bulboff.gif" onclick="testLight()"/>

    <input id="demoInput"> </input>

    <script>

        function checkWhetherNumberic()

        {

            var x = document.getElementById("demoInput").value;

            if(x == "" || isNaN(x))

            {

                alert("no numberic");

            }

        }

    </script>

    <button type="button" onclick="checkWhetherNumberic()">检查是否是数字</button>

</body>

</html>

 

3、JS 基本运算

4、JS对象的操作

<script>

zzl = new Object();
zzl.age = 20;
zzl.number= 200700454217;

document.write("<br/> age is "+zzl.age+" number is "+zzl.number);

</script>

5、JS异常抛出和捕获

 <!DOCTYPE html>

 <html>

 <body>

 <script>

 function myFunction()

 {

 try

 {

 var x=document.getElementById("demo").value;

 if(x=="")    throw "值为空";

 if(isNaN(x)) throw "不是数字";

 if(x>10)     throw "太大";

 if(x<5)      throw "太小";

 }

 catch(err)

 {

 var y=document.getElementById("mess");

 y.innerHTML="错误：" + err + "。";

 }

 }

 </script>

 <h1>我的第一个 JavaScript 程序</h1>

 <p>请输入 5 到 10 之间的数字：</p>

 <input id="demo" type="text">

 <button type="button" onclick="myFunction()">测试输入值</button>

 <p id="mess"></p>

 </body>

 </html>

7、JavaScript 知识总结的更多相关文章

  1. 【原文】前端程序员必须知道的高性能Javascript知识

    原文:前端程序员必须知道的高性能Javascript知识 想必大家都知道,JavaScrip是全栈开发语言,浏览器,手机,服务器端都可以看到JS的身影. 本文会分享一些高效的JavaScript的最佳 ...

  2. 《jQuery风暴》第2章 必须知道的JavaScript知识

    第2章 必须知道的JavaScript知识 JavaScript是jQuery应用的基础,掌握JavaScript这门语言是使用jQuery的基础条件.本章不会全面细致的讲解JavaScript的全部 ...

  3. Javascript知识——事件

    O(∩_∩)O~~又是新的一周开始了,今天还是在继续学习Javascript知识,今天主要讲了事件的知识.现在就总结下吧. 事件 事件一般是用于浏览器和用户操作进行交互.最早是 IE 和 Netsca ...

  4. Javascript知识四（DOM）

     [箴 10:4] 手懒的,要受贫穷:手勤的,却要富足. He becometh poor that dealeth with a slack hand: but the hand of the di ...

  5. WEBBASE篇： 第十一篇， JavaScript知识6

    JavaScript 知识6 一, String 对象 1,分隔字符串, 函数: split(seperator) 作用: 将字符串,通过seperator 拆分成一个数组: eg: var msg= ...

  6. WEBBASE篇： 第十篇， JavaScript知识5

    JavaScript知识5 <!doctype html> <html lang="en"> <head> <meta charset=& ...

  7. Lodash 严重安全漏洞背后 你不得不知道的 JavaScript 知识

    摘要: 详解原型污染. 原文:Lodash 严重安全漏洞背后 你不得不知道的 JavaScript 知识 作者:Lucas HC Fundebug经授权转载,版权归原作者所有. 可能有信息敏感的同学已 ...

  8. javaScript知识储备

    javaScript知识储备 组成 ECMAScript(核心) 提供语法.变量等,遵循ECMA-262标准 DOM(文档对象模型) 提供操作HTML标签的API,遵循W3C规范 BOM(浏览器对象模 ...

  9. 一行css代码调试中学到的javascript知识，很有意思

    现在到处都是JavaScript,每天都能知道点新东西.一旦你入了门,你总能从这里或是那里领悟到很多知识.今天我想分享Addy Osmani的一行代码 ,这行代码对于你调试你的CSS是很有用的.为了可 ...

  10. JavaScript知识总结<一>

    JavaScript核心基础语法: 1.什么是JavaScript? 我们知道在Web标准中网页由:结构.形式.行为三部分组成:结构由标准形式XHTML.形式又标准形式CSS,那么行为的表现就由Jav ...

随机推荐

  1. 9.26<立方网>技术笔试题

    该公司题目感觉不难,算法设计有三道大题. 1.设有m和n两个整数,求它们的最大公约数和最小公倍数. 2.猴子分桃问题,每次分桃多一个,共有五个猴子,问最少有多少个桃子. 3.关于java的题目,有A, ...

  2. 【MFC】0xC0000005: 读取位置 0x00000020 时发生访问冲突

    原因:使用GetDlgItem()函数时需要先判断指针然后才可以使用. 错误代码: //重新建一个线程,查询帧同步 DWORD WINAPI SCsync_Thread(LPVOID Lparam) ...

  3. hadoop上传文件失败报错（put: Cannot create file/eclipse.desktop._COPYING_. Name node is in safe mode.）

    解决办法: 离开安全模式方法:执行以下命令即可 bin/hadoop  dfsadmin -safemode leave 若不处理安全模式的话,web服务无法启动,dfsadmin report结果异 ...

  4. 微信企业号升级企业微信后zabbix告警发不出去

    首先看下微信的脚本 #!/bin/bash ###SCRIPT_NAME:weixin.sh### ###send message from weixin for zabbix monitor### ...

  5. Shell脚本 - 用来检查memcache并自动重启生效脚本

    #!/bin/sh#check memcache process and restart if downmm_bin="/usr/local/bin/memcached"mm_lo ...

  6. log4j-初识

    1.配置文件介绍: 1.1. 控制台输出:log4j.rootLogger=DEBUG, Console ,File #Console log4j.appender.Console=org.apach ...

  7. C基础的练习集及测试答案(40-50)

    40.(课堂)打印杨辉三角型前10行 #if 0 40.(课堂)打印杨辉三角型前10行 思路分析: 一.打印十行杨辉三角得第十行长度为十,所以建立一个长度为十的数组,作为每行的数据存储 二.按 0-9 ...

  8. hdu-1272 小希的迷宫---并查集或者DFS

    题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=1272 题目大意: Problem Description 上次Gardon的迷宫城堡小希玩了很久(见 ...

  9. 【BZOJ1059】[ZJOI2007] 矩阵游戏（匈牙利算法）

    点此看题面 大致题意: 有一个\(N*N\)的\(01\)矩阵,可以任意交换若干行和若干列,问是否有方案使得左上角到右下角的连线上全是\(1\). 题意转换 首先,让我们来对题意进行一波转化. 如果我 ...

  10. CPP-基础：C_C++变量命名规则

    C_C++变量命名规则 变量命名规则是为了增强代码的可读性和容易维护性.以下为C++必须遵守的变量命名规则: 1. 变量名只能是字母(A-Z,a-z)和数字(0-9)或者下划线(_)组成. 2. 第一 ...