父页面调用子页面数据传参，子页面为外部页面内嵌到父页面的iframe中，浏览器滚动条样式自定义

最新推荐文章于 2022-12-30 14:42:08 发布

℡仅此、而已

最新推荐文章于 2022-12-30 14:42:08 发布

阅读量137

点赞数

分类专栏：前端小强踩坑之路文章标签： js

本文链接：https://blog.csdn.net/Hzq88888/article/details/119951695

版权

前端小强踩坑之路专栏收录该内容

60 篇文章 4 订阅

订阅专栏

子页面：
var message = {text:"textdata",filePath:'888888'}
                window.parent.postMessage(message, '*');
父页面：
window.addEventListener('message', function (e) {
            let data = e.data;
            console.log(data);
            if (true){
             	console.log(111)
            }           
        }, false);

        //判断页面是在浏览器打开还是在iframe内嵌网页中打开      
        if(window.self===window.top){
            console.log('我是浏览器打开的页面')
        }else{
            console.log('我是iframe内嵌打开的页面')
        }



            //数据转换
            var arr = ['1','2','3']
            var str =`str=(${"'" + arr.join("','") + "'"})`
            console.log(str)    //str=('1','2','3')



浏览器滚动条样式自定义：
::-webkit-scrollbar{
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track{
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
}
::-webkit-scrollbar-thumb {
    background-color:#D8D8D8;          
    -webkit-border-radius: 5px;             
    -moz-border-radius: 5px;          
    border-radius:5px;               
}