前端开发常用函数_前端开发函数的使用例子-CSDN博客

本文链接：https://blog.csdn.net/corn6/article/details/117432436

本文介绍了前端开发中常用的几个函数，包括处理input中的空白字符串、删除字符串中的HTML标签、从URL中获取参数值以及如何控制iframe中的CSS样式。提供具体的函数实现和使用示例，帮助开发者提升工作效率。

摘要由CSDN通过智能技术生成

处理input中的空白字符串

text为input 的值，返回处理后的字符串。

function inputValue(text) {
   var _val = text.replace(/^(\s|\u00A0)+/,'').replace(/(\s|\u00A0)+$/,'');
   return _val;
}

删除字符串中的HTML标签

输入处理前字符串，返回去除标签的字符串。

function slicpfn(str) {
    var _str = str,
    dd = _str.replace(/<\/?.+?>/g, ""),
    dds = dd.replace(/ /g, "");
    return dds;
}

处理url内容，根据参数获取url中想要对应的值

name为url中的参数，如例子中的 params ，返回值就是对应的值。
例：www.a.com/a.html?params=test

function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return decodeURI(r[2]);
    return null;
}

控制iframe中的css样式

定义一个函数绑定至iframe的onload事件，注意引用的时候不可加括号，否则会立即执行，可以在onload里写一个定时器，以用来防止函数执行时，页面DOM元素未渲染完毕出现问题。

<iframe src="url" class="iframe" onload="iframeStyle"></iframe>
function iframeStyle() {
}

https://wudi98.blog.csdn.net/article/details/91164392
直接看这个网站，里面啥都有了