`

JS初级感悟1

阅读更多

 

写入 HTML 输出 : document.write("<h1>This is a heading</h1>");

只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法,会覆盖整个文档。

 

 

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

if(x==""||isNaN(x))  // 验证用户的输入

{

alert("Not Numeric");

}

}

 

把 JavaScript 放到了页面代码的底部,这样就可以确保在所有元素创建之后再执行脚本。

 

JavaScript 通常用于操作 HTML 元素。

 

 

JavaScript 对大小写敏感。JavaScript 语句和 JavaScript 变量都对大小写敏感。

 

JavaScript 会忽略多余的空格.

 

JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。

 

在计算机程序中,经常会声明无值的变量。未使用值来声明的变量,其值实际上是 undefined。

 

 

如果重新声明 JavaScript 变量,该变量的值不会丢失:

在以下两条语句执行后,变量 carname 的值依然是 "Volvo":

 

var carname="Volvo";

var carname;

 

JavaScript 数据类型 : 字符串、数字、布尔、数组、对象、Null、Undefined

 

JavaScript 对象 : 对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:var person={firstname:"Bill", lastname:"Gates", id:5566};

对象属性有两种寻址方式:

name=person.lastname;

name=person["lastname"];

 

当您声明新变量时,可以使用关键词 "new" 来声明其类型:

 

var carname=new String;

var x=      new Number;

var y=      new Boolean;

var cars=   new Array;

var person= new Object;

 

JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。

var txt = "Hello";

 

txt.indexOf()

txt.replace()

txt.search()

 

 

访问对象的属性:objectName.propertyName

 

访问对象的方法:objectName.methodName()

 

 

向未声明的 JavaScript 变量来分配值:如果您把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。

carname="Volvo";// 将声明一个全局变量 carname,即使它在函数内执行。

 

===  全等(值和类型)

给定 x=5   x===5 为 true;x==="5" 为 false

 

var day=new Date().getDay();

 

switch (day)

{

case 0:

  x="Today it's Sunday";

  break;

case 1:

  x="Today it's Monday";

  break;

case 2:

  x="Today it's Tuesday";

  break;

case 3:

  x="Today it's Wednesday";

  break;

case 4:

  x="Today it's Thursday";

  break;

case 5:

  x="Today it's Friday";

  break;

case 6:

  x="Today it's Saturday";

  break;

}

--------------------------------------------------------------

 

var day=new Date().getDay();

switch (day)

{

case 6:

  x="Today it's Saturday";

  break;

case 0:

  x="Today it's Sunday";

  break;

default:

  x="Looking forward to the Weekend";

}

 

 

 

 

 

 

 

 

 

For/In 循环

var person={fname:"John",lname:"Doe",age:25};

 

for (x in person)

  {

  txt=txt + person[x];

  }

 

break 语句用于跳出循环。

continue 用于跳过循环中的一个迭代。

 

JavaScript 语句 try 和 catch 是成对出现的。

 

function message()

{

try

  {

  adddlert("Welcome guest!");

  }

catch(err)

  {

  txt="There was an error on this page.\n\n";

  txt+="Error description: " + err.message + "\n\n";

  txt+="Click OK to continue.\n\n";

  alert(txt);

  }

}

 

 

如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息。

 

function myFunction()

{

try

  {

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

  if(x=="")    throw "empty";

  if(isNaN(x)) throw "not a number";

  if(x>10)     throw "too high";

  if(x<5)      throw "too low";

  }

catch(err)

  {

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

  y.innerHTML="Error: " + err + ".";

  }

}

 

javascript with语句

当你有一个对象的多个属性或者方法需要操作时,就可以使用with

var o=document.createElement("div");

with(o){

    style.cursor="pointer";

    style.zIndex="100";

    innerHTML="aaaa";

}

document.body.appendChild(o);

上面的代码相当于

var o=document.createElement("div");

    o.style.cursor="pointer";

    o.style.zIndex="100";

    o.innerHTML="aaaa";

document.body.appendChild(o);

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    javascript初级教程.pdf

    本教程作为初级教程,旨在为初学者提供JavaScript的基础知识,但也限制于初级水平,不涉及动态网页的高级技术,例如动态定位、动画制作或事件处理。尽管如此,教程的结构设计得如同参考手册,方便读者查阅和学习。 ...

    js 初级教程txt版

    - **标题**:“js 初级教程txt版”:表明这是一份针对JavaScript初学者的教程,且以TXT文本格式提供。 - **描述**:“这是一本javascript入门的书适合初学者。是TXT格式的。”:进一步强调该教程面向JavaScript新手...

    Three.js初级教程,JavaScript 3D页面

    什么是threejs,很简单,你将它理解成three + js就可以了。three表示3D的意思,js表示javascript的意思。那么合起来,three.js就是使用javascript 来写3D程序的意思。

    #学习资料# ThreeJS初级教程.rar

    1. **基础知识**:这部分可能会介绍ThreeJS的基本结构,包括如何初始化一个场景(Scene)、相机(Camera)和渲染器(Renderer)。理解这三个核心组件是构建3D世界的基石。 2. **几何体与对象**:教程可能会讲解如何...

    JAVASCRIPT初级学习代码

    JavaScript,也被称为JS,是一种广泛应用于网页和网络应用的编程语言。它主要负责网页的动态化,赋予静态HTML页面交互性。作为初学者,理解JavaScript的基础至关重要,这将为你的编程之路打下坚实基础。 首先,...

    JS初级练习之cookie

    在这个"JS初级练习之cookie"的项目中,我们将深入探讨如何在网页中使用cookie来存储和检索用户信息。Cookie是一种在客户端(用户的浏览器)上存储小量数据的技术,它对于实现会话管理、个性化设置等功能非常有用。 ...

    javascript初级笔记第二季

    最后,JavaScript还有许多库和框架,如jQuery简化了DOM操作,React和Vue.js则提供了用于构建用户界面的组件化思维,Angular是一个全面的MVC框架。理解这些工具的使用方法和设计理念,将有助于你成为一名更高效的...

    P2Javascript初级--讲义.zip

    1. **变量与数据类型**:在JavaScript中,变量是存储数据的容器。你可以使用`var`, `let`, 或 `const` 关键字声明变量。JavaScript是动态类型的,这意味着变量的数据类型可以在运行时改变。基本数据类型包括字符串...

    JavaScript应用实例-刷宝初级.js

    JavaScript应用实例-刷宝初级.js

    1+x 证书 Web 前端开发初级实操考试.zip

    "1+x 证书 Web 前端开发初级实操考试"是一个针对初学者设计的实践考核,旨在检验学习者在Web前端开发领域的基础技能和理解程度。这个考核可能包括HTML、CSS、JavaScript等核心技术的运用,以及对网页布局、响应式...

    【1+X Web前端开发初级 】样题二(理论+实操).zip

    【1+X Web前端开发初级】样题二涵盖了理论与实操两大部分,旨在测试学习者在Web前端开发领域的基础知识和实践能力。这个压缩包包含了三个文件:`Web前端开发初级实操考试_V1.0.docx`、`Web前端开发初级理论考试_V1.0...

    js初级教程(好学易懂)

    ### JavaScript初级教程知识点详解 #### 一、JavaScript概述 **JavaScript**是一种广泛应用于网页开发的脚本语言,它能够使网页更加生动、交互性更强。本教程旨在为初学者提供一个简单易懂的学习路径,帮助大家...

    javaScript-javascript-初级到高级-笔记PDF

    114.javaScript的初步使用:其实和在html中引入css的做法类似,js的使用也分为内部使用和外部使用。 *js的内部使用,介绍已经说过了,js是和html结合用于更好的展现数据,原则上,js是可以写在html的任何标签体中的,...

    两个比较好用的Eclipse中javascript插件jsEditor jsEclipse

    总的来说,jsEditor和jsEclipse都是Eclipse中不可或缺的JavaScript开发工具,它们通过丰富的特性和服务,帮助开发者提高生产力,降低出错概率,使JavaScript编程更加轻松愉快。无论你是新手还是经验丰富的开发者,都...

    2019年Web前端开发职业技能等级考试真题(初级).rar

    7. **前端框架**:虽然未明确提及,但基础的前端框架知识如Bootstrap或Vue.js的基本用法,可以帮助理解实际项目中的工作流程。 8. **响应式设计**:随着移动设备的普及,响应式设计成为标准,考生应理解媒体查询、...

    JavaScript解释器js.js.zip

    js.js 是一个用 JavaScript ...var rval = JSJS.EvaluateScript(jsObjs.cx, jsObjs.glob, "1 1"); var d = JSJS.ValueToNumber(jsObjs.cx, rval); window.alert&#40;d&#41;; //2 JSJS.End(jsObjs); 标签:jsjs

    js2c#-js转换c#代码

    JavaScript(简称JS)是一种广泛用于前端开发的轻量级脚本语言,而C#则是一种面向对象的编程语言,常用于构建Windows桌面应用、游戏、服务端应用等。"js2c#"工具正是一个旨在帮助开发者将JavaScript代码转换为C#代码...

    threejs_opengl_javascript_js_ThreeJS_3d_

    标题中的"threejs_opengl_javascript_js_ThreeJS_3d_"揭示了我们正在讨论的是一个与Three.js相关的项目,Three.js是一个基于WebGL的JavaScript库,用于在浏览器中创建和展示3D图形。WebGL是一种JavaScript API,它...

    JavaScript应用实例-adb5037常用命令.js

    JavaScript应用实例-adb5037常用命令.js

    Web端RSA加密机密库包含RSA.js Barrett.js BigInt.js JavaScript文件,直接解压即可使用

    RSA加密脚本 JavaScript 参考:Blackberry10 使用js+...1,加密非常的简单代码机会上没怎么修改,另外js加密可能出现的问题在BB10 AES加密中已经说过,js RSA加密需要导入3个js文件 分别是Barrett.js,BigInt.js,RSA.js

Global site tag (gtag.js) - Google Analytics