JavaScript教程
了解JavaScript 是如何与 HTML 和 CSS 一起工作的。JavaScript 一直在升级,所以我们需要时刻了解 JavaScript 的新技术。
sky根
坚持其实就是一场与自己的较量,改变就是打败昨天的自己,人和人没有什么可比的,战胜自己就好!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript第十三讲:DOM的应用操作
DOM操作(上) 一.DOM 作用:DOM(Document Object Nodel) 1.document 文档 HTML文件 XML文件(标记语言) <body> <div> <a>ssssss</a> </div> </body> 2.Object 对象(HTML元素转成的js对象) 注意:如果使用js操作HTML或XML文档,就需要先将HTML文档结构转成...原创 2020-06-01 22:49:22 · 390 阅读 · 0 评论 -
JavaScript第十二讲:JavaScript一些位置属性
本节主要讲解JavaScript一些位置属性,并通过实例来进一步熟悉和运用。 style.top style.left offsetWidth offsetHeight offsetTop offsetLeft scrollHeight scrollWidth scrollTop scrollLeft 例1 offsetWidth是自身的宽度one.offsetWidth(他的样式可以不在标签里)等同与one.style.width(他的样式必须写在标签里面) ...原创 2020-06-01 22:46:41 · 288 阅读 · 0 评论 -
JavaScript第十一讲:JavaScript城市选择实例
本节主要通过城市选择案例进一步讲解JavaScript。 onchange() 例1 <img id="tu" src="1.jpg" height=100> <br> <select name="sel" onchange="test(this)"> <option value="1.jpg" >one</option> <option value="2.jpg">two</option> <op..原创 2020-06-01 22:43:52 · 673 阅读 · 0 评论 -
JavaScript第十讲:JavaScript表单验证实例
本节主要讲解JavaScript表单验证实例 reg.html <head> <style> .stats1{ color:#aaa; } .stats2{ color:#000; } .stats3{ color:red; } .stats4{ color:green; } </style> <script src="check.js"></script> </he...原创 2020-06-01 22:41:08 · 287 阅读 · 1 评论 -
JavaScript第九讲:JavaScript表单对象
本节主要讲解JavaScript表单对象,以下是具体详细实例。 表单对象: document.getElementById(); document.forms.username document.frm1.username 本身表单的属性,都可以使对象的属性 action method enctype title submit() focus()//获取焦点时触发的事件 blur();//失去焦点 on...原创 2020-05-31 07:28:41 · 430 阅读 · 0 评论 -
JavaScript第八讲:Windows对象中的常用对象属性
本节主要讲解Windows对象中的常用对象属性,下面我们用具体实例来做详细说明。 window: document location 位置 <meta http-equiv="refresh" content="3">//3秒钟刷新一次 <meta http-equiv="refresh" content="3";url="http://www.baidu.com">//3秒钟跳转的baidu.com页...原创 2020-05-31 07:25:49 · 197 阅读 · 0 评论 -
JavaScript第七讲:JavaScript中的Windows对象
本节主要讲解JavaScript中的Windows对象,浏览器本身常用对象的使用,BOM。 一、浏览器本身自己就有一些对象,不用创建就可以使用 wondow :代表当前流量器窗体的 属性:status 状态栏 opener 在子窗体中代表父窗体的对象 closed parent top 方法: alert() confirm() setInte...原创 2020-05-30 08:42:05 · 423 阅读 · 1 评论 -
JavaScript第六讲:JavaScript的事件操作
本节主要讲解JavaScript的事件操作,包括:事件源、事件操作、事件处理程序。 一、事件源:任何一个HTML元素(节点)body,div,button,p,a,h1..... 二、事件:你的操作 鼠标:click 单击 dblclick 双击 contextmenu(在body中)文本菜单 mouseover 放上 ...原创 2020-05-30 08:37:16 · 254 阅读 · 0 评论 -
JavaScript第五讲:JavaScript的数组的声明与应用
本节主要讲解JavaScript数组的声明与应用,并且用实例来进一步加深印象。 一、数组的作用:只要是批量的数据都需要使用数组声明 二、如何声明数组 1.快速声明数组的方法 var 数组名=[元素1,元素2,,]; 例1. 声明数组方法一 <script> var names=["zhangsan","lisi","wangwu"]; var tems=["abc",10,24];//元素可以类型不同 var arrs=[ ["111"...原创 2020-05-27 06:19:35 · 337 阅读 · 0 评论 -
JavaScript第四讲:JavaScript内置对象的应用
本节主要讲解JavaScript内置对象的应用,尤其要学会的是Date对象;Global对象;Array对象;Math对象;String对象全用熟。 例1 <script> /* function demo (x,y){ return x*y; } */ var demo=new Function("x","y","return x*y;"); demo=new Function("x","y","return x+y;"); alert(demo(3,4));...原创 2020-05-27 06:15:27 · 211 阅读 · 0 评论 -
JavaScript第三讲:对象的声明与操作
本节主要讲解JavaScript的基本对象的操作方式以及相关操作,包括面向对象封装,继承,多态,属性、方法等。 javascript对象 1.基本对象的操作方式(面向对象封装,继承,多态) 2.将相关的操作使用一个对象来完成,看做是一个整体。 javascript php javascript php 对象 类 对象实例 对象 系统对象:字符串对象;数学对象;数组;时间对象 对象中存放的内容? 一、属性(变量) 二、方法(函数) 都是和...原创 2020-05-26 06:54:53 · 170 阅读 · 0 评论 -
JavaScript第二讲:自己定义函数和系统函数的应用
本节主要讲解JavaScript如何自定义函数以及系统函数的应用。用实例来具体讲解 第一、函数的应用: 全局变量 局部变量 例1.js和php的区别 <?php $test=10; function demo(){ global $test; $test+=10; } demo (); demo(); echo $test; ?> <script> var test=10;//全局,在函数外面声明的变量 function demo(){ ...原创 2020-05-26 06:49:45 · 215 阅读 · 0 评论 -
JavaScript第一讲:JavaScript基础
第一节,本节主要讲解JavaScript的一些基础,用一些实例来应用,加深印象。 一、输出 1. alert() 2. document.write();是在文本里写 二、如何在HTML文档中使用js 1、在网页里所有的<script></script>里的代码都可以看成是合并的为一体的所以,定义变量时不能重命名。 2、事件触发 <a href="javascript:这里写js代码程序">demo</a>; <a href...原创 2020-05-19 23:38:25 · 257 阅读 · 0 评论
分享