<!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>格式:οnclick="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 里的文章代码
最新推荐文章于 2023-09-09 09:14:46 发布