<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> ul { list-style: none;/*前面的黑色小圆点,数字清除掉*/ } div { padding: 0 10px; box-sizing:border-box; width: 25%; float: left;/**/ margin-top: 50px; } h1 { color: green;/*设置文字颜色*/ background-color: pink;/*设置背景颜色*/ text-align: center;/*文字内的文字居中*/ height: 50px; } h1:hover { color: yellow;/*鼠标停到该元素的时候会变色,离开的时候还原*/ } h2 { color: skyblue; background-color: gray; text-align: center; } h2:hover { color: pink; } * { padding: 0px; margin: 0px;/*除掉浏览器的默认样式*/ } a { background-color: pink; } a:hover { color: yellow; } </style> </head> <body> <a href="#scgj">输出工具</a><br /> <div> <h1 id="biji">javascript 笔记</h1> <img src="132.bmp" alt="唐僧" title="唐僧"> </div> <div> <h1>一.Javascript简介</h1> <h2>(一).Javascript 能用来干什么?</h2> <ul> <li>数据的验证。</li> <li>将动态的文本写入到网页中。</li> <li>可以对事件做出响应</li> <li>可以读写HTML中的内容。</li> <li>可以检测浏览器。</li> <li>可以创建 cookies 。</li> </ul> <h2>(二).Javascript特点</h2> 基于对象和时间驱动的松散型的解释性语言 <ol> <li>Javascript面向对象开发的</li> <li>事件驱动</li> <li>松散型 弱类型 var a="asc";</li> <li> var a=123;</li> <li>解释性语言</li> </ol> <h2>(三).历史</h2> <ul> <li>JScript</li> <li>Scriptease</li> <li>JAVASCTIPT</li> <li>ECMAscript</li> </ul> <h2>(四).Javascript 的构成</h2> <ul> <li>ECMAscript(语法)</li> <li>BOM browser ObJECT Model</li> <li>DOM document Object Model</li> </ul> <h2>(五).如何入门</h2> <ol> <li>html css xml</li> <li>开发工具</li> </ol> <h1>二.Javascript 的放置和注释 </h1> <h2 id="scgj">(一.). 输出工具</h2><ol> <li>alert()</li> <li>document.write</li> <li> prompt </li> </ol> </div> <div> <h2>(二).Javascript 如何在 html 页面当中进行放置</h2> <ul> <li><script></script>[Javascript 可以在 html 页面中的任何位置来进行调用,但是它们还是一个 繁体 是相互联系 相互影响。]</li> <li>可以在超链接或是重点向的位置调用 Javascript 代码 格式:"javascript:alert(我是超链接)" 中定向定格: "action=javascript( 我是表单 )"</li> </ul> <h2>(三).在事件后面进行调用 </h2> <ul> <li>格式:onclick="alert(我是事件)"</li> <li><script for="two" event="onclick">alert(我是DIV2);</script> </li> </ul> <h2>(四).调用外部 Javascript 文件</h2> <ul> <li>格式:<script src="2.js "></script> [在调用页面 script 标签对当中不能有任何代码,在JS 脚本中不能出现 script 标签对 但是它们还是一个繁体 是相互联系,互相影响。]<li> </ul> <h2>(五).Javascript 注释:</h2> <ol> <li>对付旧的浏览器 </li> <li> <ul>真正的注释符号: <li>行内注释 // </li> <li>块注释 /* * /</li> </ul> </li> </ol> <h2>(一).Javascript 命名规范</h2> <ul> <li>严格区分大小写</li> <li>变量的命名必须以字母或 _ $ 开头,余下的部分可以使任意的字母 数字 或者是 _ 或者是 $ </li> <li>不能用关键字或者是保留字命名。</liui> <<li>Javascript 自己的命名习惯 驼峰命名法:getElementByld 首字母大写:Object</li> <li>命名一定要有意义。</li> <li> 的用法</li> </ul></div> <div> <h2>(二).Javascript 变量</h2> 变量:可以储存数据的一个容器。 <ul> <li>变量如何创建(声明)必须以“var”关键来修饰。 </li> <li>先声明,后赋值 var bbs; bbs="bbs.houdunwang.com";</li> <li>声明和赋值同时进行 var url="www.houdunwang.com";</li> <li>一次声明多个变量,然后再赋值 var name.age,sex; name="lisi"; age=14; sex="boy"</li> <li>一次声明多个变量同时进行赋值。 var name ="wangwu".age=17.sex="girl";</li> <li>如何覆盖已有变量 </li> </ul> <ul> <li>如何重新声明该变量,而没有赋值,该变量的值不会改变</li> <li>如果重新声明该变量并且重新赋值,那么旧变量值会删除, 改为新的变量值。</li> </ul> <ul> <li>不用 var 关键字来修饰变量 aa="我是没有声明的" alert(aa) 如果不用 var 关键来修饰的变量,并且这个所谓的变量也没有赋值 那么 Javascript 会报错。 如果不用 var 关键来修饰的变量,但是变量赋值了。那么 Javascript 会把它当做一个全局变量来处理 不会报错。但是我们不推荐使用。 </li> </ul> <h2>(三). Javascript 中的数据类型</h2>WDAD <ol> <li>初始类型 <ul> <li>Undefined</li> <li>Null</li> <li>Number</li> <li>String</li> <li>Boolean</li> </ul> </li> <li>引用类型 <ul> <li>object (class)</li> </ul> </li> </ol> <a href="#biji">jacascript 笔记</a><br /> </div> </body> </html>
html 里的文章代码
猜你喜欢
转载自blog.csdn.net/xl4277/article/details/79658824
今日推荐
周排行