关闭

javascript-第一节-js基础语法

307人阅读 评论(0) 收藏 举报
分类:

js基础语法

xamp:强大的建站集成软件包

分为:apache、mysql、php、perl

1、 HTML中作用:

(1)      可以控制DOM

(2)      可以控制CSS

(3)      用户交互

(4)      事件编程

(5)      网络通讯

例子一:弹框:

方法1:

<input type="button"value="弹框" onClick="alert('弹出框内容一');">

方法2:

<input type="button" value="弹框二" onclick="fun1()">

<script>

function fun1(){

alert("弹框二");

}

</script>

方法3:

<a href=”javascript(alert(‘内容’))”>

 

例子二:获取元素、动态添加(div中加a标签)

方法1:

<script>

document.write("<ahref='http:www.h5edu.cn'>H5EDU</a>");

</script>

 

方法2:innerHTML

<script>

document.getElementById("div中id的名称

").innerHTML="<ahref='http://www.h5edu.cn'>H5EDU</a>";

</script>

其中,注意:innerHTML把div中的元素全部内容清空,替换innerHTML中的内容

 

2、 js编码位置:

head、

body(<script>……</script>)、

标签内部(<button onclick=”alert(‘文字’);”></button>)、

独立js文件(新建script.js文件,在页面中包含:<script src="script.js"></script>)

3、 js语法:

(1)注释:

//----------------------单行注释

/*

*

*

*/-------------------多行注释

(2)求矩形面积

 

方法一:表单输入框求面积:

宽度:<input type="text" id="width">

高度:<input type="text" id="height">

<input type="button"value="计算" onclick="fun1()"><br/>

结果:<input type="text" id="jieguo">

<script>

function fun1(){

var a = document.getElementById("width").value;//-------------读取div中的值,其默认为string类型,所以+号时,为字符串拼接

var b = document.getElementById("height").value;

//计算乘积

var s = a*b;

document.getElementById("jieguo").value= s;

}

 

</script>

 

方法二:用户输入prompt输入求矩形面积

<script>

var a =prompt("请输入宽度");

var b = prompt("请输入高度");

//计算乘积

var s = a*b;

document.write("结果:"+s);

 

</script>

 

3)运算符:

A:算数运算符

+、-、*、/、%

B:关系运算符

==、>、<、>=、<=、!=

C:赋值运算符

=、+=、-+、*=、/=、%=、++、--

例子:a+=b;表示:a=a+b;

++表示数字+1;--表示数字-1

D:逻辑运算符

且:&&  或:|| 非:!=

 

4)变量的数据类型:

Number、function、string、null、bool等

A:查看数据类型,通过typeof

 

例子:

<script>

//查看变量类型,typeof()

document.write(typeof(a2));

document.write("<br/>");

document.write(typeof(a));

document.write("<br/>");

//布尔类型

var c=true;

document.write(typeof(c));

 

</script>

 

B:parseInt------强制转整型

例子:

<script>

var a=7.2;

var b =3;

var c=a*b;

//document.write(c);

//强制把21.6转换为整数,为21

document.write(parseInt(c));

</script>

 

C:转字符串------------string

Var a =”3”;----------------加双引号为字符串

例子:

//""双引号表示字符串

var a="3";

var b="4";

//两个字符串相加,表示连在一起,输出为34

document.write(a+b);

//整形

var a2=4;

var b2=5;

//两个整数相加为9

document.write(a2+b2);

 

 

4、 变量命名规则:

(1)      变量首字母可以以字母(a-z、A-Z开头)、下划线(_),不能数字开头

(2)      之间不为空格

(3)      字母、下划线、数字组合使用

 

5、 常量:Math.PI3.1415926

例:var a=3*Math.PI;

 

 

0
0
查看评论

JavaScript-基础语法

三部分语法 1.基础语法 2.DOM (Document Object Model) 把HTML当对象 (标签树) 3.BOM (Brower Object Model ) 把浏览器当对象一.怎么在网页中加JavaScript1.直接定义<head> &...
  • since_1904
  • since_1904
  • 2017-04-16 19:39
  • 184

优雅的JavaScript-基础语法详解

表达式和运算符 表达式:表达式用于JavaScript脚本运行时进行计算的式子,可以包含常量、变量、运算符 运算符:操作数据值的操作符   算术运算符:+、-、*、/、%   一元运算符:++、--   ...... 算符运算符 1.+   1....
  • sun13921881708
  • sun13921881708
  • 2017-07-25 16:46
  • 224

JavaScript-基础语法(1)

JavaScript概述 JavaScript是基于对象和事件驱动的脚本语言,主要应用于客户端 JavaScript特点: 1.交互性(信息动态交互) 2.安全性(不允许直接访问本地硬盘) 3.跨平台性(只要是可以解释JavaScript的浏览器都可以用,与平台无关) JavaScript与J...
  • u013497151
  • u013497151
  • 2014-11-24 18:43
  • 1456

JavaScript-基础语法(4)

全局方法,和Number对象 演示global的全局方法  和 Number  alert(parseInt("123"+1)); outln(parseInt("abc"));//NaN,非法 v...
  • u013497151
  • u013497151
  • 2014-11-30 19:32
  • 1287

JavaScript-基础语法(3)

String的基本功能 out:封装的document.write(); 很多方法与java重复 //String对象:var str1 = "xx" var str2 = new String("d"); va...
  • u013497151
  • u013497151
  • 2014-11-30 19:29
  • 1185

JavaScript-基础语法(2)

if语句 var a = 3; if(a==4){ alert("yes"); }else{ alert("no"); }//no,但是改一下,if(a=4),会...
  • u013497151
  • u013497151
  • 2014-11-27 20:13
  • 1026

Javascript基础(一)——基本语法

上一篇博客简单介绍了,Javascript这门脚本语言的概述,这篇我们学们学习一下它的基础知识。这里我从两方面来说,一是基本语法,另外是初学者谨记的注意事项。大家看这张图可以很清晰的看出我总结的思路:         一...
  • liujiahan629629
  • liujiahan629629
  • 2013-06-15 20:58
  • 4172

PYTHON3的基础语法第一节

Python3的基本数据类型 python 中的变量不需要声明,每个变量在使用钱都必须赋值,变量赋值后该变量才会被创建。 在Python中,变量就是变量,它没有类型,我们所说的“类型”是变量所指的内存中的对象的类型。 等号(=)是用来给变量赋值的。 等号(=)运算符左边是一个变量名,等号(=...
  • DH520HW520
  • DH520HW520
  • 2018-01-12 08:21
  • 36

汇编的第一节课

早就听说过“汇编语言不会编”  在我心中留下恶劣的阴影 ~~(哪个学长发明的这句话列)背着国际通用教材 汇编语言程序设计 苦看两章之后 终于迎来了这具有历史意义的一节课感觉还是蛮好的,开始的概念呢 是早就知道的 寄存器复杂一点 不过也还好 还是可以基本接受的~~应用应该不会太复杂把 我想(...
  • lynnandrat
  • lynnandrat
  • 2004-09-01 15:24
  • 454

Python 第一节

Step 1 1.初始python 到官网下载 python 安装过程选择同意配置环境。2.如果运行在windows下,需要geany编译工具,他只是让你有一个编写代码的场地,你需要去配置一下python的位置以便他能调用得到。(编译和执行两个路径都要配置))3.基本的特征,与其他语言相比,没有分...
  • li562721098
  • li562721098
  • 2017-10-22 17:21
  • 51
    个人资料
    • 访问:89026次
    • 积分:1813
    • 等级:
    • 排名:千里之外
    • 原创:91篇
    • 转载:19篇
    • 译文:0篇
    • 评论:2条