您的位置：首页 > Web前端 > JavaScript

javascript 简单的个人理解（前端技术）

2016-12-17 04:03 316 查看

javascript入门：

html: 负责网页结构

css: 负责网页的美观

js: 负责用户与浏览器的交互。javascript是在我们的浏览器这端中去校验。比如我们在注册登陆时，我们的格式不对，以前要发给服务器来校验。

但javascript技术不用这样，他直接在浏览器中效验:下面javascript代码，体念

<html>
<head>
<meta http=equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>javascript</title>
</head>
<body>
<form action="backend.html" method="post">
userName:<input type="text" name="userName"><br/>
<input type="submit" value="zuce"/><br/>
</form>

</body>

</html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>javaScript</title>
</head>
<body>
后太在运行.......
</body>
</html>

添加javascript后代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>javascript的体念</title>

<script type="text/javascript">
function checkName(){
//获取用户输入的内容
var userName=document.getElementById("userName").value;
var reg=/^[a-z0-9]{4,14}$/i;
if(!reg.test.(userName)){
alert("用户名格式不对");
return false;
}return true;
}
</script>
</head>
<body></body>
</html>script编程：（javascript， jscript）
1）ECMA(基础语法，统一）

2）BOM编程（没有统一）

3）DOM编程（没有统一）

javascript：的注释：

1）java的注释：单行注释：// 多行注释：/* */ 文档注释： /** */

java 中的文档注释，是可以用命令行，去生成文档文件（javadoc)

2）javascript的注释：单行： // 多行： /* */

3）css的注释：多行：/* */

javascript中的一些常用函数：

alert(); //提示框

document.write("向浏览器输出什么的");

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<tilte>javascript</title>
<script type="text/javascript">
alert("提示框");
document.write("Hello World");
</script>
</head>
<body></body>
</html>javascript的使用方式：
1）可以直接写到html标签中这叫做内部javascript，也就是在<html><script></script></html>

缺点：和html的代码夹杂在一起，不好维护，不好复用。

2）外部的javascript：比如说，新建一个xx .js文件后，我们想导入这个js文件的话，可以用

<script src=“xx.js”></script> 但在这里要注意我们导入外部文件时，不能写做<script src="xx.js"/>这样。

3）javascript的定义变量和赋值：var 变量名=值；我们用一个var的关键字来定义，但是var 可以省。但不建议使用。

var a=10;

document.write("a的值："+a);

在javascript中可以重复定义：以后面定义的变量为准，比如：var a=10; var a=20;是可以的，a=20;

var a=10;

var b=3.14;

var c='c';

var d="Hello World";

var e=true;

var f=new Object(); //这些都可以，所以javascript是弱类型的，

document.write(typeof(a));//这是看a的数据类型。

所以javascript的数据类型：number，string，boolean，object

var a;这样的变量是不能用的，（undefind）；

4）常用的数据类型转换函数：从string转到number

var a="10"; document.write(a+"类型"+typeof(a));

//转换,这是string转换成整数parseInt(变量名)；

a=parseInt(a); document.write(a+typeof(a));但要注意的一点是：使用parseInt()转换时，要第一个为数字类型，比如var a="10a";转换后a=10;

var a="a10"; 转换后a=null 值，var a="10a20";转换后a=10;

var b="3.14"; parseFloat(b);转化后b=3.14; 、、///////这是小数转化，使用parseFloat(b);

document.write("转换前："+b+"转换前的b的类型："+typeof(b)); 、、、、、、document.write("转换后b的类型："+typeof(b));

5）javascript的运算符与java一样、在js中布尔值可以1或0来代表；但除不能用。true=1；false=0;

var age=20;

document.write(age>=16? "成年人"：“未成年人”); 、、////三目运算

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航