001-JAVASCRIPT————一个面向对象的跨平台脚本语言。

news/2024/7/5 19:33:27

JAVASCRIPT————一个面向对象的跨平台脚本语言。

什么是面相对象?

clipboard.png

什么是跨平台?

clipboard.png

什么是脚本?

clipboard.png

HTML文件必须在浏览器里执行
JS文件必须嵌入到HTML文件里才能执行
凡是不能独立执行需要依赖其他程序的,通常都叫做脚本。

JS的特点:
1、松散性 (弱类型语言)
2、面相对象 (但没有类的概念)
3、继承
4、没有多态

JS的发展历史:
1995, Netscape LiveScript
目的: 表单验证 ------为了减轻服务器的负担

1996,微软, JScript

1997, ECMA(欧洲计算机制造商协会)----->TC39

第一个标准: ECMA-262
主流浏览器 FirefoxChromeSafariOpera
javascript和java的关系,没有关系,但JS的结构设计上借鉴了很多JAVA的内容

标准的重要性:

clipboard.png

ECMA组成:

clipboard.png

第一个程序的编写:
document.write(""你的报酬不是和你的劳动成正比,而是和你的劳动的不可替代性成正比。"————尹涛");

//常见的转义字符
document.write("t"); //tab键
document.write("n"); //换行
document.write("\"); //表示输出一个 \
document.write("""); //表示输出一个 "

引入方式:
1 嵌入页面
<script type="text/javascript">

//.............

</script>

2 外部文件
<script src="004.js">

    document.write("这句代码无法执行!");

</script>

变量:
var a = 100;

数据类型:(对象类型!)

number ----> 整数、浮点数
string 字符串
boolean 布尔类型
undefined 对于JS来讲,一个变量如果没有赋值,不能确定类型,类型就是undefined
object 对象类型
function 函数类型
null的类型也是object
使用一个没有被var定义过的变量,会报错!

对象:是一种对信息的封装,加快信息的传播速度,提高信息的完整度

关键字:
var ------->定义变量的关键字
typeof ------>查看一个变量的类型

命名规则:
1 只能包含 数字、字母、下划线、$
2 不可以 用数字开头

运算符: 数学运算、赋值运算、逻辑运算、关系运算

  • (针对于字符串而言, +号代表 连接的意思), +号但凡碰到字符串,都是连接的意思

*
/
%

浮点数的运算 ------ 0.1+0.2 为什么不等于0.3???

解决方案: 首先将浮点数转为整数,进行运算,再除以相应的位数

= 赋值运算符 , a=10 该表达式的最终值等价于 10,也就是=号右边的部分

类型转换: 当有两个不同类型的变量进行运算时,即有可能出现类型转换
哪些符号可以帮我们做类型转换呢?

  • 、 - 写在字符串前,会对该字符串自动转型为number

*符号 、/符号 都可以做自动类型转换

强制类型转换:
1 Number()函数 只针对 纯数字内容的字符串转换有效
2 parseInt()函数 可以忽略数字后面的字符
3 parseFloat()函数 可以带小数点的

NaN:
当变量无法进行计算得出结果的时候,那么久会出现NaN 全称: Not a Number
NaN 不等于 NaN

    //什么是NaN     Not a Number
    //无法计算的时候
    var a = "yintao";

    var b = a*10; //非数字 ----->内容不确定

    var c = a*10;

    alert(b == c);  //两个内容不确定的 变量,无法相等

关系运算符: > < >= <= == !=
=== 绝对相等
!== 绝对不相等

    var a = 100;

    var b = "100";

    //alert(a == b);  //将左右两边的变量做类型转换,然后再比较大小
    alert(a === b);   //不会对左右两边做类型转换

逻辑运算符 && || !

    var res = 1==1 && 3>5;  //false;
    var res = 1==1 || 3>5;  //true;
    var res = !(3>5);  //true

自增自减:

//alert(a++); // 1 先使用,再加1
//alert(++a); // 3 先加1,再使用

位运算:

var a = 3&5; //对数字进行按位与运算

/**

        0000 0011
        0000 0101
        0000 0001  与   1
        0000 0111  或   7 
        0000 0110  异或 6
    */

var d = a<<2; //移位--- 左移两位
var d = a>>3; //0

进制问题:
十进制、八进制、十六进制

var a = 99;

var b = 072;

进制转换----> toString(进制数)

var a = 072; //八进制 58
var b = 0xAF; //十六进制 175
alert(a.toString(16)); //3a
将数字转换为指定的进制格式

var str = "3a"; //58
parseInt(str, 16); //第二个参数,指定字符串的进制形式

程序的三大结构:

if -- else

非布尔类型的条件判断
if( 2 ) number类型 ------>所有的非0数字代表 true , 0代表false
if("abc") string类型 -------> 所有的非空字符串都代表 true, "" 代表false
if(obj) object类型 -------->所有的非null的对象都代表true,null代表false
if(undefined) -------> 代表false,
if(NaN) --------> 代表false
if( function ) ---------> 如果函数存在,代表true

switch

var num = 3;
switch(num) {

default : alert("不知道!"); break;  //这里也需要break
case 1 : alert("星期一"); break;
case 2 : alert("星期二"); break;

}

document.wirte() 会覆盖页面原有的内容,因此我们平时测试,都会将信息输出到控制台 console.log(xxxxxx);


http://www.niftyadmin.cn/n/2455064.html

相关文章

PD name 和 comment 互换

1 PowerDesigner中批量根据对象的name生成comment的脚本 执行方法&#xff1a;Open PDM -- Tools -- Execute Commands -- Run Script ------------------------------------------------------------------------ Option Explicit--ValidationMode TrueInteractiveMode im_B…

mongodb 监控工具 mongo-monitor 安装部署

mongo 集群监控工具 mongo-monitor 安装部署 调试mongodb 集群期间发现一个小神器&#xff0c;不敢独享&#xff01;相关介绍如下&#xff1a;mongo-monitor CLI是一个简洁和简单的工具来检查MongoDB的服务&#xff0c;在集群调试升级期间&#xff0c;故障排查&#xff0c;添加…

笔记:lucene学习

流程&#xff1a; 创建索引库&#xff1a; 1&#xff09; 创建JavaBean对象 2&#xff09; 创建Docment对象 3&#xff09; 将JavaBean对象所有的属性值&#xff0c;均放到Document对象中去&#xff0c;属性名可以和JavaBean相同或不同 4&#xff09; 创建IndexWriter对象…

抓包工具Charles简单使用介绍

一是拦截别人软件的发送的请求和后端接口&#xff0c;练习开发。二是自己后端返回的response拦截修改后再接收以达到测试临界数据的作用。三写脚本重复拦截抓取别人的数据。四支持流量控制&#xff0c;可以模拟慢速网络以及等待时间&#xff08;latency&#xff09;较长的请求。…

基于cygwin构建u-boot(五)结尾:shell 工具

结尾&#xff0c;基于cygwin对u-boot的处理&#xff0c;很大一部分都是再处理 路径等相关的问题&#xff0c;只有一个涉及到gcc的参数配置。 为了达到顺利编译的目的&#xff0c;使用shell下的部分工具进行处理。 1、sed sed简单说&#xff0c;是一种按照特定处理方式&#xff…

笔记:shiro与spring整合

官方网站&#xff1a;http://shiro.apache.org/spring.html 视频来自于&#xff1a;http://www.java1234.com/ 1.建表&#xff1a;用户表t_user、角色表t_role、权限表t_permission CREATE DATABASE test ;USE test;DROP TABLE IF EXISTS t_permission;CREATE TABLE t_permis…

笔记:CXF与spring整合

webService服务地址&#xff1a;http://www.webxml.com.cn 一&#xff1a;接收服务 步骤&#xff1a;得到服务地址----wsimport代理-------打jar包------放到项目中-------通过wsdl元素调用相关的方法得到数据 wsdl描述图&#xff1a; - wsimport 命令的位置&#xff1a; …

XMPP即时通讯资料记录

几天开始研究XMPP即时通讯的技术&#xff0c;来实现移动应用的计时聊天功能。记录下参考的博客地址&#xff0c;还挺详细的。 http://blog.csdn.net/fhbystudy/article/details/16117561 http://blog.sina.com.cn/s/blog_aef8b52701019sle.html 转载于:https://www.cnblogs.com…