Java Script的基础学习

一、什么是java script?

简称:js。是前端知识的一部分,语句用于向浏览器发送命令,告诉浏览器该做什么。js同一般的编程语言类似。但是语法上可能会有区别。基础知识的学习分为:变量、循环、函数、库函数等几方面。

二、变量

JavaScript 对大小写是敏感的。且弱化数据类型

提示:一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。

一条语句,多个变量

var name="G", age=1, job="CTO";

声明也可横跨多行:

var name="G";

age=1;

job="CTO";

var carname;  //变量 carname 的值将是 undefined

var carname="Volvo";

var carname;//

在以下两条语句执行后,变量 carname 的值依然是 "Volvo"

JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型

var x  ;//x为undefined

var x = 6;//x为数字

var x = "add";//x为字符串

JavaScript 只有一种数字类型。数字可以带小数点,也可以不带

数组的格式:

var cars=new Array(); cars[0]="A"; cars[1]="B"; cars[2]="c";

或者  var cars=new Array("A","B","C");

或者   var cars=【"A","B","C"】

提示 :数组下标是基于零的,所以第一个项目是 [0],第二个是 [1],以此类推。

对象的格式(在 JavaScript 中,对象是拥有属性和方法的数据):

对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:

var person={name:"wangnima", sex:"不明", id:11111111};

创建对象:

var x = new object();

x.name = "wangnima";

x.sex = "不明";

x.id = "666";

对象的两种寻址方式:

(1)name = person.name;

(2)name = person["name"]

Undefined 和 Null

Undefined 这个值表示变量不含有值

可以通过将变量的值设置为 null 来清空变量。

JavaScript 中的所有事物都是对象.

声明变量类型:

明新变量时,可以使用关键词 "new" 来声明其类型:

var x = new String;

var x = new Number;

var x = new Boolean;

var x = new Arrary;

var x = new object();

条件运算符:

(1)greeting=(visitor=="PRES")?"Dear President ":"Dear ";//如果变量 visitor 中的值是 "PRES",则向变量 greeting 赋值 "Dear President ",否则赋值 "Dear"。

(2) if 条件  {}   else  {}

循环:

(1)  for循环

var i =2,len=s.length;

for(;i<len;<i++){}

var i =2;len = s.length;

for(;i<len;){i++;}

var x = {name:"wangnima",sex:"buming",id="666" }

for(i in x) {}

(2) while循环

while(i < 5){i++}

函数:

JavaScript 测试和捕捉(函数里用):

try 语句允许我们定义在执行时进行错误测试的代码块。

catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。

trycatch 是成对出现的。

语法:

try{//这里运行代码}

catch(err){这里处理错误}

改变 HTML 属性:

document.getElementById("image").src="landscape.jpg";

改变 HTML 样式:

document.getElementById("p2").style.color="blue";

对事件做出反应:

document.getElementById("myBtn").onclick=function(){displayDate()};

onload 和 onunload 事件:

onload 和 onunload 事件会在用户进入或离开页面时被触发。eg:  <body >

onmouseover 和 onmouseout 事件:onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。

onmousedown、onmouseup 以及 onclick 事件:

onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时,会触发 onmousedown 事件,当释放鼠标按钮时,会触发 onmouseup 事件,最后,当完成鼠标点击时,会触发 onclick 事件。

exec():exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回 null。

Window 方法:

window.open() - 打开新窗口

window.close() - 关闭当前窗口

window.moveTo() - 移动当前窗口

window.resizeTo() - 调整当前窗口的尺寸

Window Screen:

screen.availWidth - 可用的屏幕宽度

screen.availHeight - 可用的屏幕高度

Window Location:window.location 对象在编写时可不使用 window 这个前缀

location.hostname 返回 web 主机的域名

location.pathname 返回当前页面的路径和文件名

location.port 返回 web 主机的端口 (80 或 443)

location.protocol 返回所使用的 web 协议(http:// 或 https://)

Window History:

history.back() - 与在浏览器点击后退按钮相同

history.forward() - 与在浏览器中点击按钮向前相同

window.navigator 对象包含有关访问者浏览器的信息。

警告框:alert("文本")

确认框:confirm("文本")

提示框:prompt("文本","默认值")

总结:js的语法就那么多,只要掌握了基本语法,之后的使用大多都是会搜对应库函数了。当然js也有许多框架(JavaScript 框架等),提供更方便的编程方式。后期学习~~~

时间: 2024-08-02 01:01:00

Java Script的基础学习的相关文章

java网络爬虫基础学习(三)

尝试直接请求URL获取资源 豆瓣电影 https://movie.douban.com/explore#!type=movie&tag=%E7%83%AD%E9%97%A8&sort=time&page_limit=20&page_start=0 浏览器打开该地址: 发现是这样的 在这里我们需要用java抓取电影的信息,首先要找到资源链接,浏览器右键->检查打开谷歌调试工具 我们可以看到下图 有很多的资源请求,在这里我是一个个搜索,看那个是电影信息的Headers 发

java网络爬虫基础学习(一)

刚开始接触java爬虫,在这里是搜索网上做一些理论知识的总结 主要参考文章:gitchat 的java 网络爬虫基础入门,好像要付费,也不贵,感觉内容对新手很友好. 一.爬虫介绍 网络爬虫是一个自动提取网页的程序,它为搜索引擎从万维网下载网页,是搜索引擎的重要组成部分. 传统爬虫: 获得URL ->放入队列 ->抓取网页,分析信息 ->新的URL ->放入队列 ->抓取网页,分析信息... ->满足一定条件,停止. 聚焦爬虫: 根据一定的网页分析算法过滤与主题无关的链接

java面向对象的基础学习

1,类.对象和包: 首先理解对象,万物皆为对象:类是一组具有相同行为和属性对象的集合:类是对象的描述,对象是类的实例. 在java中关键字class用于声明一个类.类是由成员变量和方法组成. 关键字new用于实例化一个对象.this用于对自身的引用.类中可以使用关键字import导入其他包中的类. 访问对象的属性和方法以及包的创建及命名的学习. 2, 对象的行为: 方法的名称.访问修饰符.返回值:在方法中基本数据类型按值调用:引用数据类型按地址和值调用,调用后值要变化. 方法重载:方法名相同,参

java web开发基础学习

由于以前很少用java开发,至于连myEclipse都不怎么熟悉.    1.使用myEclipse生成部署网站步骤. 选tomcat后点击右边的Redeploy 这样便在tomcat目录下生成了一个部署网站文件. 2.使用myEclipse调试web步骤 将project下拉中所有项目的server全部remove. 留下需要调试的项目,add myelipse. 启动myeclipse服务器 在代码中打好断点,然后点地球图标跳转到开发工具浏览器 输入网址,点击右边的绿色三角形既可打开网页并调

java网络爬虫基础学习(四)

jsoup的使用 jsoup介绍 jsoup是一款Java的HTML解析器,可直接解析某个URL地址.HTML文本内容.它提供了一套非常省力的API,可通过DOM,css以及类似于Jquery的操作方法来取出和操作数据. 主要功能 从一个URL,文件或字符串中解析出HTML. 使用DOM或css选择器来查找.取出数据. 可操作HTML元素.属性.文本. 直接请求URL 一开始直接使用jsonp的connect方法调用上节说的请求电影json数据会报错 错误如下: 这里不太清楚发生错误的原因,毕竟

java 注解(annotation)基础学习

元注解[email protected]  @inherited  @Retention @Documented @Retention:这个注解注在其他注解上,并用来说明如何存储已被标记的注解.用来标记注解并提供注解的信息.可能 的值是: SOURCE:  表明这个注解会被编译器忽略,并只会保留在源代码中. CLASS:      表明这个注解会通过编译驻留在CLASS文件,但会被JVM在运行时忽略,正因为如此,其在运行时不可见. RUNTIME:表示这个注解会被JVM获取,并在运行时通过反射获

java网络爬虫基础学习(二)

正则表达式 正则表达式写法 含义 \d 代表0-9的任意数字 \D 代表任何非数字字符 \s 代表空格类字符 \S 代表非空格类字符 \p{Lower} 代表小写字母[a-z] \p{Upper} 代表大写字母[A-Z] \p{Alpha} 代表字母 \p{Blank} 代表空格或制表符 HTTP状态码 分类 描述 1** 信息,服务器收到请求,需要请求者继续执行操作. 2** 成功,操作被成功接收并处理. 3** 重定向,需要进一步的操作已完成请求. 4** 客户端错误,请求包含语法错误或无法

音乐出身的妹纸,零基础学习JAVA靠谱么

问:表示音乐出身的妹纸一枚  某一天突然觉得身边认识的是一群程序员   突然想 要不要也去试试... 众好友都觉得我该去做个老师,可是我怕我会误人子弟,祸害祖国下一代..... 要不要 要不要 学Java去..这是不是一条不归路 ... 答:初级应用编程没什么难的 , 只要数学方面不是特别渣, 思维逻辑不混乱,基本上是可行的, 至于其他的 ,没什么可考虑的 , 听得再多,不如向写一波程序 . 你的担忧不无道理,人最怕的就是失去热情.老师的发展空间小且多数属于事业单位 ,在选择和个人成长性上可能较

Web 第二阶段Java Script

一.第一章 Java Script 的概述: 1.Web 定义: HTML 结构.CSS 样式.Java Script 行为. 2.Java Script 组成的三个部分:(1)核心 (ECMASRipt)   (2)文档对象模型 (DOM ) (3)浏览器模型 (BOM ) 3.Java Script 的特点:(1)解释性语言   (2)基于对象 (3)跨平台 (4)广泛领域的作用 二.第二章 Java Script 的基础语法: 1.标识符:就是指变量,数组,函数,一个命名. 2.硬性要求规