`

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

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    中山大学软件工程初级实训满分代码

    1. **软件工程基础**:软件工程是一门系统性的应用计算机科学、经济学、管理学和其他工程学科,以构建、维护和改进软件的过程。它强调规范化的开发方法,以提高效率、质量和可维护性。 2. **需求分析**:这是软件...

    计算机软件开发行业——程序员的竞升之路感悟.pdf

    ### 计算机软件开发行业——程序员的竞升之路感悟 #### 一、引言 在计算机软件开发行业中,程序员的职业发展路径具有明显的层次性。本文档试图通过一个简化的模型来探讨程序员从入门到高级阶段的成长过程。该模型...

    PHPCHINA论坛志6月.pdf

    总之,文档中提到了算法学习的各个阶段、前端和后端开发的实用技巧、数据库知识、以及一个技术人对职业生涯的深刻感悟和建议。这是一份内容丰富、涉及面广的IT知识汇总,适合对技术提升有兴趣的开发者仔细阅读和实践...

    Export-7a04f4cf-41ad-4ed4-86ab-c40789c13c3d.zip

    在描述中提到,作者分享了自己的编程感悟,旨在帮助那些年轻的朋友找到入门的路径。这表明,压缩包里的内容可能包含了个人的学习经验,以及对于编程思维方式的阐述,对于初学者来说是非常宝贵的信息。 标签“行业...

    个人笔记:此存储库的目的是将有关我的兴趣,资源和程序员路线图的一些想法归类并收集

    1. **Web开发**:学习HTML、CSS、JavaScript基础知识,然后深入React、Vue或Angular等前端框架,同时了解Node.js或Django等后端技术。 2. **全栈开发**:掌握数据库理论,如SQL和NoSQL,以及API设计,学习Express.js...

Global site tag (gtag.js) - Google Analytics