动态生成css代码的两种方法,es6的数字处理的方法

在angularJS中与远程HTTP服务器交互时会用一个非常关键的服务-$http。

// Math.trunc方法用于去除一个数的小数部分,返回整数部分。
 Math.trunc(4.1) // 4
 Math.trunc(4.9) // 4
 Math.trunc(-4.1) // -4
 Math.trunc(-4.9) // -4
 Math.trunc(NaN); // NaN
 Math.trunc('foo'); // NaN
 Math.trunc(); // NaN


// Math.sign方法用来判断一个数到底是正数、负数、还是零。
 // 它会返回五种值。
 // 参数为正数,返回+1;
 // 参数为负数,返回-1;
 // 参数为0,返回0;
 // 参数为-0,返回-0;
 // 其他值,返回NaN。
 // 
 Math.sign(-5) // -1
 Math.sign(5) // +1
 Math.sign(0) // +0
 Math.sign(-0) // -0
 Math.sign(NaN) // NaN
 Math.sign('foo'); // NaN
 Math.sign(); // NaN


// Math.cbrt方法用于计算一个数的立方根
 Math.cbrt(-1); // -1
 Math.cbrt(0); // 0
 Math.cbrt(1); // 1
 Math.cbrt(2); // 1.2599210498948734


// JavaScript的整数使用32位二进制形式表示,Math.clz32方法返回一个数的32位无符号整数形式有多少个前导0。
 Math.clz32(0) // 32
 Math.clz32(1) // 31
 Math.clz32(1000) // 22
// 对于小数,Math.clz32方法只考虑整数部分。
 Math.clz32(3.2) // 30
 Math.clz32(3.9) // 30
// 对于空值或其他类型的值,Math.clz32方法会将它们先转为数值,然后再计算。
 Math.clz32() // 32
 Math.clz32(NaN) // 32
 Math.clz32(Infinity) // 32
 Math.clz32(null) // 32
 Math.clz32('foo') // 32
 Math.clz32([]) // 32
 Math.clz32({}) // 32
 Math.clz32(true) // 31


// Math.imul方法返回两个数以32位带符号整数形式相乘的结果,返回的也是一个32位的带符号整数
 Math.imul(2, 4); // 8
 Math.imul(-1, 8); // -8
 Math.imul(-2, -2); // 4

javascript 动态生成css代码的两种方法

  1. $http是angular中的一个核心服务,利用浏览器的xmlhttprequest或者via
    JSONP对象与远程HTTP服务器进行交互。
  2. $http的使用方式和jquery提供的$.ajax操作比较相同,均支持多种method的请求,get、post、put、delete等。
  3. $http的各种方式的请求更趋近于rest风格。
  4. 在controller中可通过与$scope同样的方式获取$http对象,e.g. function
    controller($scope,$http){}

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!

有时候我们需要利用js来动态生成页面上style标签中的css代码,方法很直接,就是直接创建一个style元素,然后设置style元素里面的css代码,最后把它插入到head元素中。但有些兼容性问题我们需要解决。首先在符合w3c标准的浏览器中我们只需要把要插入的css代码作为一个文本节点插入到style元素中即可,而在IE中则需要利用style元素的styleSheet.cssText来解决。还需要注意的就是在有些版本IE中一个页面上style标签数量是有限制的,如果超过了会报错,需要考虑这点。

下面进行$http服务的使用说明,调用如下:   

您可能感兴趣的文章:

  • ES6使用let命令更简单的实现块级作用域实例分析
  • ES6中Proxy与Reflect实现重载(overload)的方法
  • 关于ES6的六个小特性(二)
  • JS变量中有var定义和无var定义的区别以及es6中let命令和const命令
  • ES6学习之变量的解构赋值
  • ES6通过babel转码使用webpack使用import关键字
  • Es6 写的文件import
    起来解决方案详解
  • 微信小程序之ES6与事项助手的功能实现
  • JavaScript
    ES6中CLASS的使用详解
  • JavaScript学习笔记之ES6数组方法
  • 跟我学习javascript的最新标准ES6
  • 深入理解React中es6创建组件this的方法
  • ES6新数据结构Map功能与用法示例

方法1:

复制代码 代码如下:

给<style id=”css”>标签添加一个id名,在<script>标签中写

$http(config).success(function(data,status,headers,config){}).error(function(data,status,headers,config){});

var oCss=document.getElementById("css");

oCss.innerHTML+="#box{width:200px;}";

1.config为一个JSON对象,其中主要包含该请求的url、data、method等,如{url:”login.do”,method:”post”,data:{name:”12346″,pwd:”123″}}。

这样就可以加上样式了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

标签:
网站地图xml地图