博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
走进JavaScript
阅读量:5095 次
发布时间:2019-06-13

本文共 1966 字,大约阅读时间需要 6 分钟。

JavaScript的作用:操作HTML元素,响应用户的操作,处理数据;

script标签的type或者language可以写也可以不写;

script标签防止位置:head结束之前或者body结束之后;

JS里面严格区分大小写!!!

JS可以通过元素的ID获取html元素,

document.getElementById("box").onclick = function(){    alert('Hello JavaScript')     };

在上例中 onclic是点击事件;function(){}是函数;alert()是弹窗;

window.onload = function(){    document.getElementById("box").onclick = function(){        alert('这是一段JavaScript代码')    };   };

window.onload的意思是当页面加载完成后,执行这段JavaScript代码,一个页面只能出现一次;

 

JS中的事件

鼠标事件:onclick 鼠标点击某个对象;onmouseover/onmouseenter 鼠标被移到某元素之上;

onmouseout/onmouseleave 鼠标从某元素移开; ondblclick 鼠标双击某个对象;

onmousedown 某个鼠标按键被按下;onmousemove鼠标被移动;onmouseup鼠标被松开;

表单事件

onblur 元素失去焦点;onfocus 元素获得焦点;onchange 用户改变域的内容;onreset重置按钮被点击;

键盘事件

onkeydown 键盘的键被按下;onkeypress 键盘的键被按下或按住;onkeyup 键盘的键被松开;

系统事件

onload 某个页面或图像被完成加载;onresize 窗口或框架被调整尺寸;onselect 文本被选中;

 

innerHTML / innerText

innerHTML 属性,设置或返回,表格行的开始和结束标签之间的 HTML。

    

在JS中变量的定义可以是任意数字,字母,下划线(-),$,但是不能以数字开头;

事件里面的简单This

    

JS在修改元素样式的时候,一般修改内部样式,还是上面的例子;

cniao.onmouseover = function(){    this.style.background = 'red';   };cniao.onmouseout = function(){    this.style.background = 'green'};

赋值与获取标签内容

    

这里面是要被读取与修改的内容

 

有名函数 / 匿名函数

函数就是包裹在花括号中的代码块,前面使用了关键词 function;

function functionname(){    被执行的代码块};

函数的定义大致可以三种;

//第一种function cniao(x){ return x + 1;};//第二种,这种方法使用了Functiong构造函数,把参数和函数体都作为字符串;var cniao = new Function('x', 'return x + 1;');//第三种,右边的就是一个匿名函数,创建后又将该函数赋给了变量cniaovar cniao = function(x){
return x + 1;};

匿名函数的创建

//这里创建了一个匿名函数(在第一个括号内),第二个括号用于调用该函数,并传入参数。(function(x,y ){ alert(x + y); })(1,2);

有名函数可以自执行,函数名 + ();自执行时 this 指向 window;

    

读取标签属性

    

拼接

    

 

JavaScript的数据类型;

var a = 1;数字

var a = '1';string字符串

var a = function(){};函数

var a = false;布尔值

var arr=["字符串",true,1];数组

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

var cniao={name:"sgg",  id:123};

undefined 表示变量没有值(没定义);

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

转载于:https://www.cnblogs.com/sgaogao/p/8111794.html

你可能感兴趣的文章
使用Application_Error捕获站点错误并写日志
查看>>
SQO2008配置管理工具服务显示远程过程调用失败
查看>>
1. RAID在数据库存储上的应用 -- 转载
查看>>
VS2010配置QT5.5.0开发环境
查看>>
Android recovery支持adb shell
查看>>
简单插入排序
查看>>
阮一峰老师的ES6入门:Iterator 和 for...of 循环
查看>>
oracle的shutdown命令的几种参数
查看>>
iOS学习之iOS沙盒(sandbox)机制和文件操作复习
查看>>
DTD与Schema约束
查看>>
Codeforces 862B (二分图染色)
查看>>
瀑布流布局
查看>>
Flask框架搭建REST-API服务
查看>>
MongoDB - The mongo Shell, Data Types in the mongo Shell
查看>>
《算法导论》笔记---第6章 堆排序
查看>>
win7利用tsmmc.msc远程管理工具
查看>>
免费的天气Web Service接口
查看>>
YTU 2596: 编程题B-日期格式
查看>>
ubuntu中pycharm配置opencv2环境
查看>>
hibernate.cfg.xml
查看>>