javascript

最新推荐文章于 2024-11-01 13:37:40 发布

solosecond

最新推荐文章于 2024-11-01 13:37:40 发布

阅读量409

点赞数

分类专栏： 1.solosecond 文章标签： javascript 浏览器 function input button html

本文链接：https://blog.csdn.net/solosecond/article/details/3452328

版权

1.solosecond 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

【书名    】：零基础学javascript
【出版社】：机械工业出版社
【作者    】：刘智勇
【评价    】：★★★☆☆☆☆☆☆☆
【正文    】：

----------------------------------------------------------------------------------
0001：
    javascript的作用
    ●网页特效，如鼠标特效键盘特效和跑马灯效果等
    ●表单验证，使用javacript很方便验证用户所填写的表单内容是否正确
    ●减少用户操作，使用javascript可以利用cookies来存储一些用户信息，让曾经登录过的
用户省去登录操作
    ●增加安全性，在网上经常会有人恶意注册，通过javascript可以设置验证码来防止这类
情况的发生
    ●减少编写和维护代码的工作量，使用javascript可以将同一个网站的相同部分独立出来
减少代码的输入及维护代码的工作量
    ●响应事件，使用javascript可以对用户的不同事件产生不同的响应
----------------------------------------------------------------------------------
0002：
    javascript作为一种脚本语言，可以插入到html代码中
在html中加入script代码必须将script代码放在<script></script>标签之间，而且<script>
</script>标签一般放在<head></head>之间或<body></body>之间
----------------------------------------------------------------------------------
0003：
    输出警告框用alert("内容");
    输出文字document.write("内容");
    注释有两种单行注释与多行注释，单行注释// 多行注释/* */
----------------------------------------------------------------------------------
0004：
    包括外部的javascript文件
javascript除了可以直接嵌入html文件中，也可独立于html文件外。可以通过设置<script>标签
中src属性来指定外部javascript文件的地址。
----------------------------------------------------------------------------------
0005：
    直接执行的javascript，只要不是放置在函数中的，都属于直接执行的。
----------------------------------------------------------------------------------
0006：
    使用javascript:调用
    <a href="javascript:alert('hehe')">we</a>注意这种的alert里用单引号
    也可以这样
    <html>
    <head>
        <title></title>
    <script language="javascript"type="text/javascript">
        <!--
            function OnclickLink()
            {
                alert("您胆大");
            }

--></script></head>
<body>
<a href="javascript:OnclickLink()">hehe</a>
</body>
</html>
----------------------------------------------------------------------------------
0007：
    与事件结合调用
    <html>
    <head>
        <title></title>
    <script language="javascript"type="text/javascript">
        <!--
            function OnclickLink()
            {
                alert("您胆大");
            }

--></script></head>
<body>
<a href="#"οnmοuseοver="OnclickLink()">hehe</a>
<a href="#"οnclick="javascript:alert('hhhhhh')">请点我</a>
</body>
</html>
----------------------------------------------------------------------------------
0008：
    注意事项
    ●大小写敏感
    ●javascript的换行代表不同语句
----------------------------------------------------------------------------------
0009：
    javascript是一种面向对象的客户端脚本语言
----------------------------------------------------------------------------------
0010：
    document对象中包含一个名为cookie的属性，该属性可对cookie进行读写操作
----------------------------------------------------------------------------------
0011：
    cookie的作用
    ●用户登录
    ●电子商务
    ●定制用户页面
    ●收集用户爱好
----------------------------------------------------------------------------------
0012：
    创建与读取cookie
在javascript中，可以通过cookie名和值的方式来创建cookie一个网站可以创建多个cookie
不同的ookie可拥有不同的值例如将用户名和密码保存在cookie里那就有可能用两个cookie
使用document对象的cookie属性可以设置与读取cookie
    document.cookie="name=value";
在以上代码中，name为cookie的名称，value为cookie的值。如果要创建多个cookie，可以多次
使用document.cookie语句使用document对象的cookie属性也可以读取cookie文件中的内容。
----------------------------------------------------------------------------------
0013：
    获取cookie的值使用document对象的cookie属性可以获得的cookie，准确点说是获得cookie
文件上的内容
----------------------------------------------------------------------------------
0014：
    cookie的生存期在默认的情况下cookie是临时存在的。在一个浏览器窗口打开时，可以设置
cookie，只要该浏览器窗口没有关闭，cookie就一直有效，而一旦浏览器窗口关闭后cookie就
消失了，如果想cookie在浏览器窗口关闭后还能继续使用，就需要设置一个生存期。所谓生存期
也就是cookie的终止日期，在这个终止日期到达之前，浏览器都可以读取该cookie。设置cookie
生存期可以使用以下代码：
    document.cookie="name=value;expires=date"
----------------------------------------------------------------------------------
0015：
    cookie的路径cookie虽然是一个网页所创建，但并不是创建cookie的网页才能读取该cookie
在默认情况下与创建cookie的网页在同一目录或子目录下的所有网页都可以读取该cookie。
----------------------------------------------------------------------------------
0016：
    如果要让网站上的其他目录中的文件也能读取另一个创建的cookie文件，就必须使用path
设置cookie的路径。
----------------------------------------------------------------------------------
0017：
    cookie的domain
使用path可解决cookie在不同虚拟目录中访问的问题，但path不能解决在不同域中访问cookie
问题，这时就要设置cookie的域，也就是domain，设置domain的方法与设置path的方法类似
----------------------------------------------------------------------------------
0018：
    cookie的安全问题
cookie在网络上的传输采用的是普通的，不加密的HTTP传输方法。如果cookie中信息很重要，
这种传输方式很容易被别人窃取的，因此在javascript中，可以设置cookie的secure，cookie的
secure是一个布尔值
----------------------------------------------------------------------------------
0019：
    javascript创建一个对象的方法例子如下
function pen(color,price)
{
    this.color=color;
    this.price=price;
}
var pen1=new pen("蓝色",30);
pen1.name="hhh";
----------------------------------------------------------------------------------
0020：
    定义数组
var arr=new Array(3);
    直接定义数组
var arr=["zifuch",true,3];
----------------------------------------------------------------------------------
0021：
    数组元素的个数
array.length
----------------------------------------------------------------------------------
0022：
    数组的方法
toString()方法将数组转换为字符串，元素与元素之间用逗号隔开
----------------------------------------------------------------------------------
0023：
    slice（）方法返回数组的一部分
var arr=[1,2,3,4,5,6,7];
var arr1=arr.slice(1,5);
document.write("原数组元素为"+arr.tostring());
document.write("新数组元素为"+arr1.tostring()) 结果为2,3,4,5
slice（start，end）start为数组的开始下标，end为数组的结束下标
----------------------------------------------------------------------------------
0024：
    reverse（）方法：颠倒数组中的元素
原来是在第一位的元素将排到最后一位，而最后一位的元素将排到第一位
----------------------------------------------------------------------------------
0025：
    sort（）方法
例子var arr=[39,11,3,9,1,77];
arr.sort();
document.write("按字符编码顺序"+arr.tostring());
function ascOrder(x,y)
{
if(x>y)
{
return 1;
}
else{
return -1;
}
function descOrder(x,y)
{
    if(x>y)
{
return -1;
}
else{
    return 1;
}
}
arr.sort(ascOrder());
arr.sort(descOrder());

}
----------------------------------------------------------------------------------
0026：
    <form name="myForm">
        姓名：<input type="text" name="myName">
        性别：<input type="radio" name="mySex" value="男">男
              <input type="radio" name="mySex" value="女">女
        城市：
<select name="city">
<option value="上海">上海</option>

<option value="北京">北京</option>
<input type="submit" value="提交">
    </select>
    </form>
----------------------------------------------------------------------------------
0027：
    ●事件与事件驱动：javascript程序员事先定义好一个事件处理程序，一旦浏览器中产生了
某个事件，浏览器就会自动调用该处理程序。
    ●事件与处理代码关联：在javascript中可以响应的事件很多，如单击鼠标click双击鼠标
dblclick和元素得到输入的焦点focus等。如果要指定某个元素触发的事件调用哪个javascript
就需要将对象与处理事件的代码相关联，将对象与处理代码相关联的方法很简单，只要在对象
代码中添加一个属性即可。例如要为一个按钮添加一个响应单击鼠标click事件，只在input元素
中添加一个onclick属性。<input type="button" οnclick="clickbutton()">
    ●调用函数的事件
<head>
function btclick()
{
    alert("kkkk");
}
</head>
<body>
<form >
<input type="button" name="mybutton" οnclick="btclick()">
</form>
</body>
    ●调用代码事件
<body>
<form>
<input type="button" name="button"value="按钮"οnclick="alert('您单击了按钮')">
</form>
</body>