小樊开发者文档 1.0 官方文档中心

小樊Javascript函数

调用小樊Javascript函数直接实现功能。

使用范围

  • 小樊前端开发场景

JS截取字符串中url地址

Javascript函数：

function getUrl (arg) {
    const reg = /(https?|http|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/g;
    arg = arg.match(reg);
    if (arg && arg.length > 0) {
        return arg[0];
    }
    return null;
}

调用效果

// 例：获取抖音链接中的url地址
getUrl ('8.79 XzT:/ 两年前的今天，山东舰入列，中国进入双航母时代首艘国产航母山东舰入列2周年  https://v.douyin.com/RKgyhQ5/ 复制此链接，打开Dou音搜索，直接觀kan視频');
// 'https://v.douyin.com/RKgyhQ5/'

18 罗夏编程日记发布了一篇小红书笔记，快来看吧！ 😆 8dakbrvApZxO6r7 😆 http://xhslink.com/ZuJTRi，复制本条信息，打开【小红书】App查看精彩内容！

JS时间戳转换日期-时间

Javascript函数：

function timetram (arg) {
    var date = new Date(arg * 1000);
    var Y = date.getFullYear() + '-';
    var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
    var D = date.getDate() + ' ';
    var h = date.getHours() + ':';
    var m = date.getMinutes() + ':';
    var s = date.getSeconds();
    var timestamp =  Y+M+D+h+m+s;
}

解决日、时、分、秒为个位数的前置填充问题的函数

function timetram (arg) {
    var date = new Date(arg * 1000);
    var Y = date.getFullYear() + '-';
    var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
    var D = date.getDate() + ' ';
    var Ds = date.getDate().toString();
    if(Ds.length<2){D = '0'+Ds + ' ';}
    var h = date.getHours() + ':';
    var hs = date.getHours().toString();
    if(hs.length<2){h = '0'+hs + ':';}
    var m = date.getMinutes() + ':';
    var ms = date.getMinutes().toString();
    if(ms.length<2){m = '0'+ms + ':';}
    var s = date.getSeconds();
    var ss = date.getSeconds().toString();
    if(ss.length<2){s = '0'+ss;}
    var timestamp =  Y+M+D+h+m+s;
}

调用效果

// 例：1651418603
timetram (1651418603);
// '2022-05-01 23:23:23'

JS 日期-时间 转换 时间戳

Javascript函数：

function datetotinmestanp(arg) {
	 let data=new Date(arg);
	 let time = data.getTime();
	 }
	 
	 #仅支持如“yyyy-MM-dd hh:mm:ss ”格式的 日期-时间 ，2022-08-08 21:06:41
}

调用效果

// 例：2022-05-01 23:23:23
datetotinmestanp(2022-05-01 23:23:23);
// '1651418603000'

JS添加文本内容（class）

Javascript函数：

function idaaddtilc (arg,argc) {
    $("."+arg+"").append(argc);
}

JS添加文本内容（id）

Javascript函数：

function idaaddtilc (arg,argc) {
    $("#"+arg+"").append(argc);
}

JS clear 后添加文本内容（class）

Javascript函数：

function clcaddtilc (arg,argc) {
    $("."+arg+"").html(argc);
}

JS clear 后添加文本内容（id）

Javascript函数：

function idcaddtilc (arg,argc) {
    document.getElementById(arg).innerHTML = argc;
}

function idcaddtilc (arg,argc) {
    $("#"+arg+"").html(argc);
}

JS click获取该value内容（class）

Javascript函数：

$('.class标签').click(function(e) {
	var val = $(this).attr("value");
	localStorage.setItem("val", val);
})

JS clear后添加文本内容（id）

Javascript函数：

$('#id标签').click(function(e) {
	var val = $(this).attr("value");
	localStorage.setItem("val", val);
})

JS 字符串截取

Javascript函数：

function strcpture (arg) {
    str = arg.substring(0, arg.length - 1);
}

JS Ajax Get

Javascript函数：

var urls = "域名接口";
$.ajax({
    url:urls,
    type:'get',
    async : false,
    contentType:'application/json;charset=UTF-8',
    error : function(arg) {
    },
    success : function(arg) {
    }
})

JS Ajax Post

Javascript函数：

var urls = "域名接口";
var msg= { name: "John", time: "2pm" };
$.ajax({
    url: urls,
    type: "post",
    async : false,
    contentType:'application/json;charset=UTF-8',
    data: msg,
    //dataType : "json",
    error : function(arg) {
    },
    success : function(arg) {
    }
});

JS if 判断值是否为空

Javascript函数：

if(test_a==undefined){
    console.log("test_a_等于undefined")
}else{
    console.log("test_a_不等于")
}


if(test_a == null  ||  test_a ==""  ||  test_a == undefined){
	alert('请检查输入');
	return false;
}

JS 更新确定id下的value属性值

Javascript函数：

document.getElementById("pipa").getAttributeNode('value').value = "value";

JS 更新确定id下的name属性值

Javascript函数：

document.getElementById("pipa").getAttributeNode('name').value = "value";

JS localStorage创建、清除、读取

Javascript函数：

 #创建缓存
        
localStorage.setItem('userInfo', userInfo); 

#读取缓存

localStorage.getItem('doEdit', this.doEdit);

#清除所有缓存

localStorage.clear();

#清楚指定缓存

localStorage.removeItem('userinfo');

JS 获取input输入内容

Javascript函数：

#第一种：通过引入jquery.min.js 库，调用$("")函数获取input输入的值
        
var name=$("input[name='name']").val();
if(name==""){
	Dialog.init('请检查输入',1500);
	return false;
}


#第二种：通过原生JS获取input输入的值

var input = document.getElementById("inputid").value;

JS 获取input radio 选择内容

Javascript函数：

var sex = $('input:radio:checked').val();	
if(sex==""){
	Dialog.init('请检查输入',1500);
	return false;
}

JS 获取input 文件并上传到服务器

Javascript函数：

let fileInput = document.getElementById('import-file-btn');
fileInput.addEventListener('change', function() {
var formData = new FormData();
var file = $('#import-file-btn').get(0).files[0];
formData.append('file', file);
//formData.append('id', id);
//formData.append('name', name);

$.ajax({
    url: '/uploapphoto',
	type: 'POST',
	cache: false,
	data: formData,
	processData: false,
	contentType: false,
	dataType: "json",
	success: function (res) {localStorage.setItem("perfophoto",res);},
	error: function (XmlHttpRequest, textStatus, errorThrown) {},
	complete: function () {}
});

JS 调用文件打印

Javascript函数：

 window.print();

JS 小数保留两位

Javascript函数：

var num = 1.7321;
num = num.toFixed(2);

JS 循环打印标签

Javascript函数：

cars=["BMW","Volvo","Saab"];
document.write(cars[0]); 
document.write(cars[1]); 
document.write(cars[2]); 


cars=["BMW","Volvo","Saab","Ford"];
for (var i=0;i cars.length;i++){
	document.write(cars[i]);
}

JS 生成随机数

Javascript函数：

var val = Math.floor(Math.random()*10);

JS 数字-字符

Javascript函数：

var n = 123;
n = n.toString();

JS 字符-数字

Javascript函数：

var n = “123”;
n = Number(n);

循环内变量

基本调用格式

{$循环前缀.值}

示例展示

调用当前页面小樊Javascript函数

<li><a href="__ROOT__/">首页</a></li>
<!--foreach{$crumb as $vo}-->
<li><i>&gt;</i><a href="{$vo.url}">{$vo.name}</a></li>
<!--{/foreach}-->