美文网首页
javascript基本介绍(一)

javascript基本介绍(一)

作者: 子约nan | 来源:发表于2017-10-29 20:32 被阅读0次

javaScript的概念:

(1)javaScript主要用来向HTML页面添加交互行为。
(2)javaScript是一种脚本语言,语法和java类似。
(3)javaScript一般用来编写客户端脚本。
(4)javaScript是一种解释性语言,边执行边解释。
javaScript由核心语法ECMAScript、浏览器对象模型(BOM) 主要用于管理窗口与窗口之间的通讯,因此其核心对象是window、文档对象模型(DOM)三部分组成。

引入javascript的三种方式

1.使用<Script></Script>标签内部样式;
2.使用外部js文件;
3.直接在HTML标签中的行内样式。

javascript的作用

1.实现页面表单验证
2.实现页面交互特效

javascript的特点

1.被设计用来向Html页面添加交互行为
2.是一种英特网上最流行的脚本语言
3.一般用于编写客户端脚本
4.是一种解释性语言

javascript的语法

1.区分大小写
2.注意变量,函数等命名规范
3.每行代码以分号结束

javascript中的函数

1.系统函数
ParseInt();转换为整数
isNaN(判断是不是数字)
typeof(var);判断是什么数据类型
eval(“5+2”);计算表达式值
2.自定义函数
Function 函数名(){javaScript代码}
Function 函数名(参数1,参数2){javaScript代码 return 返回值(可选)}

基础内容

1.document.write() :输出内容到页面上;
2.alert() :弹出一个消息对话框;
3.confim() :弹出一个确认的消息对话框,返回值为false(点击确定)或者true(点击取消)
4.prompt(str1,str2):含有一个确定/取消按钮和一个文本输入框,返回值为文本框内容(点击确定),或者null(点击取消);
str1:是要显示在消息对话框中的文本,不可修改。str2:是文本框中初始值,可以修改
5.window.open(url,窗口名称,参数字符串): 打开窗口。
url:打开窗口的网址或路径。
6.window.close()或者 《窗口对象》.close():关闭窗口 例如:var mywin = window.open(url,窗口名称,参数) mywin.close();
7.HTML文档可以说由节点构成的集合,三种常见的DOM节点:
(1)元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。
(2)文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本;
(3)属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com";
8.document.getElementById("id名称") :通过id获取对象,获取的元素是一个对象,如果想对元素进行操作,我们要通过他的属性或者方法;
9.innerHTML:用于获取或者替换html元素的内容,采用对象调用的方法 例如: object(一个ID对象).innerHTML = "html内容" 注意大小写的问题,否则出不来的;
10.Object.style.property=new style; 用js通过对象改变html的样式,例如:获取某个对象,改变样式

p.style.color = "red"; 
p.style.font = "20px";

11.display:显示和隐藏标签 格式:Object.style.display = value object可以是通过id或者其他获得到的对象;
value = "none":隐藏
value = "display":显示
12.className 属性设置或返回元素的class 属性。可以用来改变className的类名达到效果,比如类名为hide和active达到显示和隐藏。 语法:object.className = classname;
14.onclick = "函数名();" onclick事件:鼠标点击事件;
15.onmouseover = "函数名();" :鼠标经过事件,鼠标移动到一个对象就出发该事件;
16.onmouseout = "函数名();" :鼠标移开事件,鼠标移开时触发该事件;
17.onfocus() :把光标聚焦到该对象上;例如:object.onfocus();
该对象被聚焦时触发: onfocus = "函数名()";
18.onblur :是onfocus的相对事件,光标离开时触发该事件;
19.onselect:选中事件,文本框过着文本域中的文字被选中时触发;
20.onchange:改变文本框中的内容来触发相关函数事件;
21.onload:事件会在页面加载完成后立即触发,同时执行被调用的函数 onload = “函数();”
window.unload = "函数();";
22.onunload:当用户退出页面时(页面关闭,页面刷新)触发;
23.日期对象:Date var date = new date();

相关文章

  • javascript基本介绍(一)

    javaScript的概念: (1)javaScript主要用来向HTML页面添加交互行为。(2)javaScri...

  • Javascript基本介绍

    我的一贯作风:首先,放一张图来表示我要说明的东西。 b、在网页中直接嵌入JavaScript c、在网页中调用独立...

  • JavaScript基本介绍

    JavaScript的用途 JavaScript用来制作web页面交互效果,提升用户体验。简单列出几个JavaSc...

  • JavaScript基本介绍

    什么是JavaScript? JavaScript是一种直译式脚本语言,一种轻量级的脚本语言。 什么是脚本语言?S...

  • 面试题 Javascript

    介绍JavaScript的基本数据类型。 说说写JavaScript的基本规范? JavaScript原型,原型链...

  • JavaScript 基础知识点

    介绍JavaScript的基本数据类型。 说说写JavaScript的基本规范? JavaScript原型,原型链...

  • 阿里架构师学习笔记,一文掌握JavaScript基础

    一 JavaScript 简介 1 JavaScript基本介绍 1 JavaScript 简称JS,是一种动态的...

  • 前端面试(三)JavaScript

    介绍js的基本数据类型。 介绍js有哪些内置对象? 说几条写JavaScript的基本规范? JavaScript...

  • Day01 js基本语法

    day01 JS基本语法 javascript基本介绍及发展趋势(脚本语言) JavaScript是一种轻量级、解...

  • 现代JavaScript语言

    这篇文章主要介绍如何编写面向对象的JavaScript。我们先从现代JavaScript语言的基本概念开始介绍,然...

网友评论

      本文标题:javascript基本介绍(一)

      本文链接:https://www.haomeiwen.com/subject/mczypxtx.html