javascript 简单的个人理解(前端技术)
来源:互联网 发布:java开发 常用代码 编辑:程序博客网 时间:2024/06/06 04:55
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> <!--用javascript来体念效验用户名(4到14位字母或数字)--> <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? "成年人":“未成年人”); 、、////三目运算
- javascript 简单的个人理解(前端技术)
- 简单的bochs配置(个人理解)
- Javascript中闭包的个人理解
- 个人对Web前端的理解
- 个人理解的前端工程师能力要求
- 前端框架组件设计的个人理解
- 【web前端开发技术】深入理解JavaScript异步编程--JavaScript异步编程的终极演变
- 线程池技术个人理解以及c语言的简单实现
- 个人理解SPI技术的优缺点
- 个人理解SPI技术的优缺点
- 【web前端开发技术】深入理解JavaScript中的依赖注入
- 个人对于堆栈的理解(简单通俗)
- javascript闭包的个人理解
- 对JavaScript和CSS的个人理解
- javascript词法分析自己的个人理解。
- 个人对javascript作用域的理解
- JavaScript 的 作用域----个人理解
- JavaScript 的 作用域----个人理解
- 分类之四:Tree
- HDU3564 线段树+dp
- 图片工具出现bug排查问题事故总结与提高
- javaAgent说明和例子
- LeetCode解题报告 279. Perfect Squares [medium]
- javascript 简单的个人理解(前端技术)
- 注解、动态代理与反射的应用
- 运维工程师前景
- Weex Android交互篇
- 进程的死锁
- libpcap流量统计
- iaas paas SaaS 区别
- android地图开发
- C++函数运算符重载