JavaScript 基础语法一

1、变量的定义:var a = 20; 定义变量a并给其赋值20.

2、基本数据类型 :

Number类型,表示数字,例如,1,2,3等。var number1 = 10。

string类型,表示字符串, var string1 = ‘hello word‘。

Boolean类型,布尔类型,用来表示真假,true、false,var a = true,var b = false。

对象类型(不常用)var obj = new Object()

js是弱类型语言,会根据数值来推断类型,所以可以实时改变一个变量的数值和类型。

例: var a = 10;

a = a + "hello";

alert(a);

alert(typeof a);

最后a 显示为‘100hello’,类型为string类型(字符串)

3、代码调试工具及方法

alert(),这是一个可以弹出窗口的方法

confirm(),与alert差不多,多了一个取消。

prompt(),例:var name = prompt(‘请输入名字‘);

4、控制台输出 console.log(),例:var a = 100;console.log(a);

5、将内容写到html文件中

document.write(), 例:document.write("这是将内容写到html文件中的方法");

6、算数运算符

‘+’加,‘-’减,‘*’乘,‘/’除,‘%’求余。这是最基本的五类。其中加号对字符串可以起拼接作用,例:alert(‘hello‘ + ‘word‘)显示为helloword,alert(‘2‘ + 1) 显示为21;减号对字符串的影响,例:alert(‘5‘ - 3)显示为2.

自增‘++’,自减‘--’。

var a = 10;

a++;相当于 a = a + 1;

++a;相当于 a = a + 1;

a --; 相当于 a = a  - 1;

--a; 相当于 a = a  - 1;

alert(a);

当++,--不是单独出现的时候

var a = 10;

var num = a++;这时++在后,先赋值然后在自增,如果++在前,先自增然后再赋值。-- 也是一样。

alert(a); 结果为11。

alert(num);  结果为10。

复合运算符‘+=’‘-=’‘*=’‘/=’‘%=’

例:var a = 10;

a += 3;等价于 a = a + 3;

a  -= 3;等价于 a = a - 3;

a  *= 3;等价于 a = a *3;

a  /= 3;等价于 a = a /3;

7、元素的获取

例:<div id="wrap">1</div>

<div class="box" >2</div>

<div>3</div>

通过Id获取元素

var a = document.getElementById(‘wrap‘);

a.stytle.color = ‘red‘;   修改字体颜色

通过类名来获取元素

var b = document.get.ElementsByClassName(‘box‘);

b[0].stytle.color = "blue";  修改字体颜色 (类名获取后使用需要加下标,从零开始)。

通过标签名获取元素

var c = document.get.ElementsByTagName(‘div‘);

c[3].stytle.color = ‘orange‘;  修改字体颜色。

时间: 2024-08-07 21:09:21

JavaScript 基础语法一的相关文章

从零开始学 Web 之 ES6(三)ES6基础语法一

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/ 在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的冒险之旅吧! 一.let 作用:

Python基础语法一

Python 基础语法 本人在学习python时候,刚开始直接用的IDLE,用了很久,感觉还是相当不错,作为一个交互式编程客户端, 它的使用界面是这样的. 脚本式编程 通过脚本参数调用解释器开始执行脚本,直到脚本执行完毕.当脚本执行完成后,解释器不再有效. 例如:我们写一个简单的python脚本程序. print('life is short you need python') 在我们电脑环境变量配置好的情况下,当你在cmd中调用python解释器执行该文件时: python 保留字符 下面这张

vue基础语法一

一.绑定数据 1.语法<template> <div id="app"> <!--HTML获取绑定数据 --> <h1>{{ msg }}</h1> <h1>name :{{user.name}},age:{{user.age}}</h1> <ul> <li v-for="item in list"> {{item.name}} </li> <

js基础--javascript基础概念之语法

掌握一门语言 必须先掌握它的语法! javascript 的语法和C.Java.Perl 的语法有些相似.但是比它们更加宽松. javascript 中的一切都是严格区分大小写的.例如变量: demo 和 Demo 两个变量是完全不同的. javascript 标示符,所谓标示符 是指 变量.函数.属性 的名字或函数的参数.标示符的格式是按照以下规则组合的一个或多个字符. 1.第一个字符必须是字母,下划线,或 $ 符号. 2.其他字符可以是字母.下划线.$ . 或数字. 注意 不能把关键字 保留

javascript基础语法——词法结构

× 目录 [1]java [2]定义 [3]大小写[4]保留字[5]注释[6]空白[7]分号 前面的话 javascript是一门简单的语言,也是一门复杂的语言.说它简单,是因为学会使用它只需片刻功夫:而说它复杂,是因为要真正掌握它则需要数年时间.实际上,前端工程师很大程度上就是指javascript工程师.前端入门容易精通难,说的是前端,更指的是javascript.本文是javascript基础语法的第一篇——词法结构 与java关系 关于javascript有这样一个说法,java和jav

Unit04: JavaScript 概述 、 JavaScript 基础语法 、 流程控制

Unit04: JavaScript 概述 . JavaScript 基础语法 . 流程控制 my.js function f3() { alert("唐胜伟"); } demo1.html  演示点击按钮,弹出提示框 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <

JavaScript基础--内部类(九)

js的内部类javascript 中本身提供一些,可以直接使用的类,这种类就是内部类,主要有:ObjectArrayMathBooleanStringRegExpDateNumber 1.内部类分类从使用的方式看:分为动态类和静态类(1) 动态类 使用 var对象 = new 动态类() 对象属性|方法 var newdate = new Date(); //显示当前日期 window.alert(newdate.toLocaleString()); (2) 静态类 使用 类名.属性|方法比如:

javascript基础语法-数据类型

二 javascript基础语法 (一)JavaScript 数据类型 ***************************************************************** 不同的编程语言往往有不同的数据分类,与C和Java等面向对象语言不同的是,JavaScript变量不需要明确的数据类型声明,在第一次对变量赋值的时候会根据数据值自动确定数据类型.这也是JavaScript简单易用的原因之一,作为初学者往往会在变量类型的转换上遇到问题,JavaScript就简化了

前端之JavaScript基础

前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C-minus-minus(C-)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本