javascript import css实例代码

一开始少写了个分号(红色的),怎么搞都不对.

var style = document.createElement("STYLE");
 document.body.appendChild(style);
 style.onerror = function(){
  alert("here1")
 }
 style.onreadystatechange = function(){
  alert("here2");
 }
var sheet = style.styleSheet || style.sheet;

if(sheet.addImport)
 sheet.addImport("aa.css"); 
else 
 sheet.insertRule("@import url('aa.css');",sheet.cssRules.length);

赞 (0)

相关推荐

  • javascript import css实例代码

    一开始少写了个分号(红色的),怎么搞都不对. var style = document.createElement("STYLE");  document.body.appendChild(style);  style.onerror = function(){   alert("here1")  }  style.onreadystatechange = function(){   alert("here2");  } var sheet = 

  • vue操作动画的记录animate.css实例代码

    transition动画 //使用动画库animate.css <transition enter-active-class='animated bounceIn' leave-active-class='animated bounceOut' :duration='200'> //其中duration是绑定动画的时间 统一设置进入与出去的时间 <h3 v-if='flag'>这里是动画的内容</h3> </transition > //也可以这样使用 &l

  • JavaScript 验证码的实例代码(附效果图)

    JavaScript 验证码的实例代码(附效果图)

    效果如下: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">    <title></title>    <style type="text/css">    .code    {            background:url(code_bg.jpg);            f

  • JavaScript 2048 游戏实例代码(简单易懂)

    JavaScript 2048 游戏实例代码(简单易懂)

    废话不多说了,直接给大家贴代码了,觉得很满意直接拿去. <!DOCTYPE html PUBLIC "-//WC//DTD XHTML . Transitional//EN" "http://www.w.org/TR/xhtml/DTD/xhtml-transitional.dtd"> <html xmlns="http://www.w.org//xhtml"> <head> <meta http-equ

  • 手机开发必备技巧：javascript及CSS功能代码分享

    1. viewport: 也就是可视区域.对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏.状态栏.滚动条等等之后用于看网页的区域, 这是真正有效的区域.由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport; 实际上我们可以操作的属性有4 个: 复制代码 代码如下: width -             //  viewport 的宽度 (范围从200 到10,000,默认为980 像素) height -            //  viewpor

  • javascript随机变色实例代码

    javascript随机变色实例代码

    1.打开网页,网页效果如图所示 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>随机变色</title> <style type="text/css"> #box{ width: 200px; height: 200px; border: 1px solid red; } </style>

  • 使用原生javascript开发计算器实例代码

    使用原生javascript开发计算器实例代码

    计算器的主要作用是进行数字运算,开发一个计算器功能的web实例,有助于更好的掌握js基础的数字运算能力. 本实例详细分析一个js计算器的开发步骤,学习本教程时最好先具备一些基础的js知识. 计算器包括显示数字区域和按键区域两大部分,先把计算器的这两个区域的html元素编写出来,如下所示: <div class="calculator_wrap" id="calculator"><!--计算器外包元素--> <div class=&quo

  • javascript级联下拉列表实例代码(自写)

    javascript级联下拉列表实例代码(自写)

    Html dom 是指在w3c规范出现之前,各个浏览器支持的一些dom操作. 1,Select对象. 属性 a,selectedIndex:用户选择的选项的下标,下标从0开始 b,length: 获取或者设置选项的个数 c,options: 返回一个数组,数组元素是Option对象 2,Options对象 属性: a,text:选项的文本内容 b,value:选项的値 c,selected: 当该选项被选上,值为true,否则为false 小知识:创建一个Option对象 复制代码 代码如下:

  • JavaScript操作XML实例代码（获取新闻标题并分页，并分页）

    具体内容我没有做测试.仅供参考 代码 复制代码 代码如下: <?xml version="1.0" encoding="gb2312"?> <NEWS> <New id="1" name="测试新闻1" time="2010-2-18"> <NBody>新闻测试1新闻测试1</NBody> </New> <New id="

  • JavaScript函数调用经典实例代码

    目录 JavaScript函数调用经典例题 JS函数的定义与调用方法 总结 JavaScript函数调用经典例题 1.输入框判断是不是闰年 2.随机数判断是不是闰年 3.输入框判断是不是质数 4.随机数判断是不是质数 5.封装函数,判断日期是否合法 思考:首先我们采用函数调用的方法,将需要调用的函数都写在 js 文件夹里面,调用的时候会更方便.需要注意的是不要忘记在html中引入js. html代码: <body> <span>是否为闰年</span> <inpu

随机推荐