• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
你别跟我瞎闹
博客园    首页    新随笔    联系   管理    订阅  订阅

js预热课程

1.将onmouseover设置在<linput>标签中,<input type="checkbox" onmouseover=“alert('提示')”/>自动登录,可以实现提示功能。

2.将onmouseover,onmouseout设置在<label>标签中,则不论是<input>标签还是label标签中的文字都是,可以实现鼠标over和out的效果。

<label onmouseover="document.getElementById('dp').style.display='block';"
onmouseout="document.getElementById('dp').style.display='none';">
<input type="checkbox"/>自动登录
</label>

3.js里面的等号是把右边的东西放到左边里面去。

4.在js中单引号和双引号没有区别,都可以表示字符或字符串。

但是它们必须成对出现,不能前面用一个单引号,后面用一个双引号,这样会报错。

一般情况下,建议优先使用单引号包含字符串,这样做有几个好处:

  1. html中标签的属性是用双引号包裹,在js中如果要动态输出html内容,则用单引号将整体html代码包裹起来,而标签中的属性刚好用双引号,避免了转义

  2. 编写代码时,双引号需要按shift才可以输入,无形之中降低了敲代码的速度

虽然在语法上,单引号和双引号没有区别,建议优先选用单引号,如何字符串内还有引号,再用双引号,必要的时候还需要用\进行转义。

5.网页换肤:核心是通过引入不同的css样式表。在点击按钮时改变href值。

6.id的优先级大于class。

7.可以用var 变量名=document.getElementById('dp'),这样可以减少代码量。

 8.

 9.dl是自定义列表;它包括dt和dd.
<dl>
<dt>第一章</dt>
<dd>第一节</dd>
<dd>第二节</dd>
<dd>第三节</dd>
<dt>第二章</dt>搜索
<dd>第一节</dd>
</dl>

10.例如window.onload=function (){ alert(‘’);},其中function ()为匿名函数,直接丢给window.onload。window.onload是等页面加载完成之后实现指定的功能。

使用window.onload提取行间事件

 

11.网站制作中TR、TH和TD的区别

  1. 关于<tr>标签
    <table>是<tr>的上层标签
    <tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签. 
    <tr>...</tr> 定义一行标签,一组行标签内可以建立多组由<td>或<th>标签所定义的单元格。
    <table>标示一个表格,<tr>标示这个表格中间的一个行 
    <td>标示行中的一个列,需要嵌套在<tr></tr>中间

    这里是一个例子:(两行两列) 
    <table> 
    <tr> 
    <td>www.ihuby.com</td>
    <td>www.vvoov.com</td> 
    </tr> 
    </teble>

  2. 关于<th>标签

    <th>和<td>一样,也是需要嵌套在<tr>当中的,<tr>嵌套在<table>当中
    <th>...</th> 定义表头单元格。表格中的文字将以粗体显示。<TH>与<TD>同样是标示一个储存格,唯一不同的是<TH>所标示的储存格中的文字是以粗体出现,即可以这样看:
    <th>网站制作</th>的显示效果相当于<td><b>文字</b></td>

    在表格中也可以不用此标签,不过如果使用的话,<th>标签必须放在<tr>标签内

  3. 关于<td>标签
    <td>...</td> 定义单元格标签,一组<td>标签将将建立一个单元格,<td>标签必须放在<tr>标签内。

    <th>为表格标题,属性summar为摘要,<caption>标签为首部说明,<thead>标签为表格头部,<tbody>标签为表格主体内容,<tfoot>标签为表格尾部。
    其中还可以使用scope 可用于取代headers属性,标记含有表头信息的单元格,其中各数值的内容如下:

    row 指示当前单元格,为包含当前单元格的行提供相关的表头信息。
    col 指示当前单元格,为根据当前单元格指定的列提供相应的表头信息。
    rowgroup 指示当前单元格,为包含当前单元格的其余行组提供相关的表头信息。
    colgroup 指示当前单元格,为根据当前单元格指定的其余列组提供相应的表头信息。
    abbr 用于定义表头单元格中的缩写名,如果没有定义该属性,则将默认单元格内容为节略形式。

  4. 下面是一个标准表格模型
    <table>
    <caption></caption>
    <thead>
    <tr>
    <th></th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td></td>
    </tr>
    </tbody>
    <tfoot>
    <tr>
    <td></td>
    </tr>
    </tfoot>
    </table>

     

    12人民币书写请用“&yen”,例如:<span>&yen;198.00</span>。

    13.JavaScript toFixed() 方法 ,toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。

    14.关于CSS中background样式的repeat和no-repeat的坐标问题,参见链接:

    http://blog.sina.com.cn/s/blog_98eef7830101cv8t.html

    15.input标签要使用不同的css样式,可以使用给input标签添加class的方法。

    16.span标签无法居中,是因为要先使用display:block;再设置 text-align: center;

    17.如何设置真个网页的背景图:除了设置背景图外,还需要width:100%;
        height:100%;

    18.JSP页面刷新:

    http://blog.sina.com.cn/s/blog_618199e60100vy5o.html

    19.

    JavaScript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。
    void 操作符用法格式如下:
    1. javascript:void (expression)
    2. javascript:void expression
    expression是一个要计算的 JavaScript 标准的表达式。表达式外侧的圆括号是可选的,但是写上去是一个好习惯。我们可以使用 void 操作符指定超级链接。表达式会被计算但是不会在当前文档处装入任何内容。面的代码创建了一个超级链接,当用户点击以后不会发生任何事。当用户点击链接时,void(0) 计算为 0,但在 JavaScript 上没有任何效果。

    <a href="javascript:void(0)">单击此处什么也不会发生</a>

    也就是说,要执行某些处理,但是不整体刷新页面的情况下,可以使用void(0),但是在需要对页面进行refresh的情况下,那就要仔细了。

posted @ 2017-02-18 18:38  你别跟我瞎闹  阅读(135)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3