`

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程序的意思。

    JS初级练习之cookie

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

    javascript初级笔记第二季

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

    js初级FOR循环 DOm对象 .txt

    主要讲JS初级入门 从不懂到易懂得的过程 其中由for循环 while循环 if else的如何应用知识点 , 字符串的类型 数组创建 对象的概念 DOM对象 以及随机抽人事件 如何获取验证码等简单项目

    P2Javascript初级--讲义.zip

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

    javascript初级笔记本第一季

    1. **变量与数据类型**:JavaScript是一种动态类型语言,这意味着我们不需要提前声明变量的数据类型。基本数据类型包括字符串(String)、数字(Number)、布尔值(Boolean)、空(Null)、未定义(Undefined)和 ...

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

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

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

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

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

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

    js初级教程(好学易懂)

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

    2021年1+X-Web前端开发初级理论考试模拟题.pdf

    1. JavaScript 函数返回值:在JavaScript中,`return`语句用于从函数中返回一个值。如果函数没有返回值,可以不使用`return`,但如果有返回值,必须使用`return`来指定。 2. 常用运算符:JavaScript中的运算符包括...

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

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

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

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

    HTML+JS+CSS 初级教学

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

    web前端初级.pdf

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

    Eclipse的JavaScript插件 JSEditor.7z

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

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

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

    网页版2048小游戏,纯JS开发,内含完整代码以及图片,初级web工程师适用

    网页版的2048小游戏是一款基于JavaScript编程语言开发的在线休闲益智游戏,深受初级Web工程师的喜爱,因为它提供了一个良好的实践平台,帮助他们学习和理解JavaScript的基础以及一些实际项目中的应用技巧。...

Global site tag (gtag.js) - Google Analytics