几个简单的JavaScript技巧

最新推荐文章于 2024-07-18 10:24:18 发布

newbutton

最新推荐文章于 2024-07-18 10:24:18 发布

阅读量269

点赞数

分类专栏： AJAX 文章标签： javascript xsl stylesheet encoding xml function

本文链接：https://blog.csdn.net/newbutton/article/details/3959665

版权

AJAX 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JavaScript的技巧太多了，尤其是为了实现前台的漂亮的动态感觉。
因为太多了，所以我就列几个工作中用的着的，或者项目里看见的有意思的小应用

1。字幕移动的效果
<marquee οnmοuseοver="this.stop()" οnmοuseοut="this.start()" scrollDelay=110 >
就是自右向左移动的字幕，鼠标移动上去就停。中间可以嵌套超链接，平时都是这么用。

2。页面的打开和关闭
<BODY OnLoad="init()" OnUnLoad="finish()">
这个就是页面打开和关闭的时候自动调用的方法。

3。鼠标的形状
     <style type="text/css">
     
         </style>

4。文件中css或者js文件的调用
      <link rel="stylesheet" type="text/css" href="mystyle.css">
      这是比较标准的方式，至少是默认方式
      <style type="text/css">
            
            </style>

5。将本站设置为首页
      function set()
           {
                sethome.style.behavior="url(#default#homepage)";
                sethome.setHomePage("http://www.csdn.net");
           }

6。xls文件格式对xml文件内容的装修用法
     <1>在xml文件中声明版本信息和使用xsl文件格式
            <?xml version="1.0" encoding="UTF-8" ?>
            <?xml-stylesheet type="text/xsl" href="xml3.xsl" ?>
     <2>在xsl文件里面声明版本信息
            <?xml version="1.0" encoding="UTF-8" ?>
     <3>在xsl文件中使用固定嵌套格式和固定标签
           <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/TR/WD-xsl">
                 <xsl:template match="/">
                     <html><head></head><body><p>...<h1>...</body></html>
                 </xsl:template>
           </xsl:stylesheet>

           这种xsl的标签，暂时只知道下面的几种
           (1) <xsl:for-each select="classmates/student">               //循环递归，要写全完整路径
           (2) <xsl:value-of select="sname" />                             //根据sname去xml文件中取值
           (3) <a target="_blank">                                            //对于超链接的固定用法
                     <xsl:attribute name="href">
                         <xsl:value-of select="网址" />
                     </xsl:attribute>
                     点击这里下载
                 </a>
           (4) <xsl:apply-templates select="classmates/student" />          //调用另一个xsl:template
                 <xsl:template match="student">                                   //供上面来调用，主意路径
           (5) <xsl:choose>                                                       //判断，选择
                     <xsl:when test=".[value()$ge$60]">及格</xsl:when>
                     <xsl:otherwise>不及格</xsl:otherwise>
                </xsl:choose>

                 顺便解释一下test条件中的含义（在linux的shell编程里面也是这样定义的）
                 $eq$ 等于
                 $ne$ 不等
                 $gt$ 大于
                 $lt$ 小于
                 $ge$ 大于或等于
                 $le$ 小于或等于

newbutton

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
几个简单的JavaScript技巧

JavaScript的技巧太多了，尤其是为了实现前台的漂亮的动态感觉。因为太多了，所以我就列几个工作中用的着的，或者项目里看见的有意思的小应用1。字幕移动的效果就是自右向左移动的字幕，鼠标移动上去就停。中间可以嵌套超链接，平时都是这么用。2。页面的打开和关闭这个就是页面打开和关闭的时候自动调用的方法。3。鼠标的形状 .h
复制链接

扫一扫