SimpleDao
常用js代码
2019-05-06, 访问数: 1066

判断是否ip地址

  1. function check_is_ip(s) {
  2. var patt = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])(\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])){3}$/;
  3. return patt.test(s);
  4. }

字符串格式化

  1. String.prototype.format = function() {
  2. var args = arguments;
  3. return this.replace(/\{(\d+)\}/g, function(m,i) {
  4. return args[i];
  5. });
  6. };

随机数

  1. function getRandomInt(min, max) {
  2. return Math.floor(Math.random() * (max - min + 1)) + min;
  3. }

打开新的tab

  1. window.open('www.yourdomain.com','_blank');

刷新页面

  1. location.reload();

重定向

  1. window.location = "http://www.yourdomain.com";

清除字符串两边空格

  1. s = $.trim(s)

string转int

  1. // parseInt(string, radix)
  2. var x = parseInt("1000", 10);
  3. // 如果转换的不是数字,则会返回NaN,可以用isNaN(x)来判断
  4. // 缺点:并且如果转换的字符串是 123abc,则会返回123
  5. // 使用正则来转换
  6. function str2int(x) {
  7. if( /^\s*(\+|-)?\d+\s*$/.test(String(x)) ){
  8. return parseInt(x, 10);
  9. }
  10. return Number.NaN;
  11. }

ajax请求

  1. $.ajax({
  2. type: 'POST',
  3. url: url,
  4. data: JSON.stringify(data),
  5. contentType: "application/json", // 发送信息至服务器时内容编码类型
  6. beforeSend: function() {
  7. // 在发送请求之前调用,并且传入一个 XMLHttpRequest 作为参数。
  8. },
  9. success: function(data, textStatus, jqXHR) {
  10. // 当请求之后调用。传入返回后的数据,以及包含成功代码的字符串。
  11. },
  12. error: function(jqXHR, textStatus, errorThrown) { // if error occured
  13. // 在请求出错时调用。传入 XMLHttpRequest 对象,描述错误类型的字符串以及一个异常对象(如果有的话)
  14. alert(jqXHR.statusText + jqXHR.responseText);
  15. },
  16. complete: function(data|jqXHR, textStatus, jqXHR|errorThrown) {
  17. // 当请求完成之后调用这个函数,无论成功或失败。传入 XMLHttpRequest 对象,以及一个包含成功或错误代码的字符串。
  18. },
  19. dataType: 'json' //预期服务器返回的数据类型
  20. });

select

  1. # 增加项
  2. $('select.input-channel').append($('<option>', {
  3. value: "v",
  4. text: "t",
  5. }));
  6. # 监测变化
  7. $("#select-time-range").change(function() {
  8. console.log('change');
  9. });

交换两行

  1. $("body").on("click", ".btn-index-down", function(){
  2. var trLength = $(".btn-index-down").length;
  3. var $tr = $(this).parent().parent();
  4. if ($tr.index() != trLength - 1) {
  5. $tr.next().after($tr);
  6. }
  7. });
  8. $("body").on("click", ".btn-index-up", function(){
  9. var $tr = $(this).parent().parent();
  10. if ($tr.index() != 0) {
  11. $tr.prev().before($tr);//在每个匹配的元素之前插入内容。
  12. }
  13. });

动态生成的元素捕获事件

  1. $("body").on("click", ".result-table-th", function() {
  2. //
  3. });

js 转移html字符

  1. var entityMap = {
  2. '&': '&amp;',
  3. '<': '&lt;',
  4. '>': '&gt;',
  5. '"': '&quot;',
  6. "'": '&#39;',
  7. '/': '&#x2F;',
  8. '`': '&#x60;',
  9. '=': '&#x3D;'
  10. };
  11. function escapeHtml (string) {
  12. return String(string).replace(/[&<>"'`=\/]/g, function (s) {
  13. return entityMap[s];
  14. });
  15. }

字体

  1. "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif