`

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);

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    JS初级练习之网页换肤

    在JavaScript(JS)初级练习中,网页换肤是一项常见的任务,它涉及到用户界面的动态变换,使得用户可以根据个人喜好选择不同的主题或样式。这个练习主要目的是帮助开发者掌握CSS(层叠样式表)布局以及JavaScript的...

    javascript初级教程

    总之,JavaScript是一门强大且多用途的编程语言,无论你是想成为前端工程师还是全栈开发者,这个初级教程都将是你开启JavaScript之旅的重要起点。结合提供的资源,系统学习并实践,你一定能在JavaScript的世界里...

    js 初级教程txt版

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

    JS初级入门.pdf

    本教程主要针对初级入门者,旨在介绍JS的基础知识。 1. **字符集与编码**:JavaScript采用Unicode字符集编码,这是因为Unicode能涵盖全球各种语言的字符,确保了代码的国际化。每个字符在JS中由两个字节表示,这是...

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

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

    P2Javascript初级--讲义.zip

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

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

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

    1+X WEB前端开发初级教案.rar

    《1+X WEB前端开发初级教案》是一个针对初学者的教育资源,主要涵盖了Web前端开发的基础知识和技能。在Web前端开发领域,这是学习者踏入这个充满创新和技术挑战世界的入门教材。"1+X"通常指的是国家职业教育1+X证书...

    Eclipse的JavaScript插件 JSEditor

    1. **语法高亮**:JSEditor为JavaScript代码提供色彩鲜明的语法高亮,使得代码更易于阅读和理解。不同的关键字、变量、函数等会以不同的颜色显示,帮助开发者快速识别代码结构。 2. **代码自动完成**:JSEditor包含...

    js的初级运用项目--双色球

    在本项目"js的初级运用项目--双色球"中,初学者将有机会深入理解并实践JavaScript的基础知识,包括循环、数组以及排序等核心概念。这些是任何JavaScript开发者必须掌握的基本技能,也是前端开发中的常见任务。下面...

    web前端初级.pdf

    本次串讲教案初级内容涵盖Web前端开发的多个基础知识点,接下来将按照教案内容逐一阐述。 首先,在Web页面制作基础这一部分,首先介绍了HTML的基本结构,包括HTML文档的声明、头部和主体部分。接着详细讲解了HTML中...

    HTML+JS+CSS 初级教学

    HTML、JavaScript 和 CSS 是构建网页和...同时,不断探索新的特性和最佳实践,如 ES6 的新语法、Flexbox 和 Grid 布局系统,以及现代 JavaScript 框架如 React 和 Vue.js 的基本概念,将有助于提升你的前端开发技能。

    Eclipse的JavaScript插件 JSEditor.7z

    1. **语法高亮**:JSEditor提供了对JavaScript语法的高亮显示,使代码更易读,有助于快速定位错误和理解代码结构。 2. **代码自动完成**:这个插件支持智能代码补全,当用户输入代码时,它可以自动提示可能的函数、...

    js简单的初级代码实现实时时间表

    在本实例中,我们将探讨如何使用JS编写简单的初级代码来实现实时时间表。时间表通常需要显示当前日期和时间,并且随着时间的推移自动更新。以下是实现这一功能的关键知识点: 1. **变量和数据类型**: 在...

    web前端开发教材初级源代码.rar

    这份"web前端开发教材初级源代码.rar"压缩包提供了一套初级学习资源,旨在帮助初学者掌握基本的前端开发技能。下面我们将深入探讨这些模块及其在实际开发中的应用。 01. HTML基础 HTML(HyperText Markup Language...

    这是个js编辑工具这是个js编辑工具这是个js编辑工具

    文件名为"1st+JavaScriptEditor"的压缩包可能包含一个初级或基础版的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

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

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

Global site tag (gtag.js) - Google Analytics