JavaScript基础

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript基础相关的知识,希望对你有一定的参考价值。

javascript基础(一)

什么是JavaScript

  • 基于页面的脚本语言
  • 轻量级
  • 可以插入到html
  • 基本上所有的浏览器都支持
  • 和java完全不同

标签

浏览器会执行这个标签里面的脚本

<script>
</script>

位置

这一段脚本习惯性放在head里或者body内部的下面 
但是更多的还是单独放在一个文件里,然后将文件导入

<script src="myScript.js"></script>

寻找某一个id

javascript通过寻找html中的某一个id来确定具体的标签

document.getElementById("demo").innerHTML="我的第一段 JavaScript";

上面这句代码可以把demo标签的原始内容替换为”我的第一段 JavaScript”

document.write("<p>我的第一段 JavaScript</p>");

上面这句代码向屏幕上输出一个段落,注意!只能在页面刚刚加载的时候使用,如果加载过后使用则会覆盖页面


分局

分号对于javascrip而言是可选的


函数

函数前面需要加上function

function functionName(){

}

代码换行

建议不要使用,在字符串之间可以用 \换行


注释

和c的注释完全相同//或/* */


变量

用var来声明变量


数组

var a = new Arry(‘q‘, ‘w‘, ‘e‘, ‘r‘)

面向对象

javascript是面向对象的语言,所有的变量都是对象

var person={
firstname : "Bill",
lastname  : "Gates",
id        :  5566
}

使用对象中的属性时建议

person.firstname

使用对象中的方法时建议

person.eat()

调用函数

很多标签都可以加上onclick=“myfunction()” 
由此既可以调用函数


返回值

函数都可以返回,返回时不需要指定函数类型


运算符、比较符、逻辑运算符

+-*、%<>= == != >= <= && || ! 
各种符号的意义均与普通无异


基本语句

if(){}else{} 
switch(){case1:break;default:break;} 
for(;;) 
while 
break;continue; 
try throw catch


表单验证

利用id把value读出来进一步验证 
alert()可以输出警告 
console.log()可以打印日志

 











以上是关于JavaScript基础的主要内容,如果未能解决你的问题,请参考以下文章

30秒就能看懂的JavaScript 代码片段

Yarn: 一个新的JavaScript模块管理器

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)

如何将此 JavaScript 代码片段翻译成 Parenscript?

javascript 代码片段