精华内容
下载资源
问答
  • 如图,需要点击左侧菜单后灰色区域显示对应的页面,我想的是每一个菜单的超链接触发js函数,函数里改变右侧iframe的src,不知实际中常用的做法是什么,望指教! (本人大四,是做java后端的,前端了解的比较少)
  • //跳转到添加的页面 await page.goto('http://yourwebsite.com/add.html', { waitUntil: 'networkidle2' }); console.log(result) //转出数组 //填充数据并提交 await page.type('#title', result.title); ...

    const puppeteer = require(‘puppeteer’);
    (async () => {
    const browser = await puppeteer.launch({
    headless: false,
    devtools: true,
    timeout: 0 }); //默认超时时间为30000如果设零也不会超时
    const page = await browser.newPage();
    const viewConfig = {
    width: 360,
    height: 640,
    isMobile: true
    };
    //设置窗口
    page.setViewport(viewConfig);
    //跳转
    await page.goto(‘https://weekly.75team.com/‘, {
    waitUntil: ‘networkidle2’ // 等待网络状态为空闲的时候才继续执行
    });
    //处理拿到需要的数据
    const result = await page.evaluate(() => {
    //方法一

        var list = [...document.querySelectorAll('#bd > div.issues.container > ol > li> a')]
        return list.map(el => {
            return {
                href: el.href.trim(), 
                title: el.innerText
            }   
        })
        //方法二
        let data = [];
        let elements = document.querySelectorAll('.issue-list li');   //获取所有的li
        for (var element of elements){ // 循环
          let title = element.querySelector('a').innerHTML;
          let url = element.querySelector('a').href;     //抓取链接(href)属性
          let date = element.querySelector('.date').innerHTML;
    
              data.push({title, url,date}); // 存入数组
            }
        return data;
    });
    //跳转到添加的页面
     await page.goto('http://yourwebsite.com/add.html', {
         waitUntil: 'networkidle2'
     });
    console.log(result)    //转出数组
    //填充数据并提交
     await page.type('#title', result.title);
     await page.type('#url', result.url);
     await page.type('#date', result.date);
     await page.waitFor(1000);
     await page.click('.submit');
    // await page.waitFor(3000);
    

    // browser.close();
    })();

    展开全文
  • html网页一打开就直接加载数据库 提取需要的信息 并显示在页面上 不要刷新 打开直接获取,并显示
  • 当前网页完全包含另一个页面

    万次阅读 2016-04-13 12:14:53
    想要自己的网页完全包含另一个网页的内容就需要用到iframe标签,而如何iframe标签全屏显示浏览者看不出是一个框框里面显示出来是关键,具体看实例

    想要让自己的网页完全包含另一个网页的内容就需要用到iframe标签,而如何让iframe标签全屏显示,让浏览者看不出是在另一个框框里面显示出来是关键,具体看实例

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE>Slience</TITLE>
     </HEAD>
     <style type="text/css">
     	* {
     		margin: 0;
     	}
     </style>
     <BODY style="height:100%;">
    <IFRAME src="http://blog.csdn.net/u010513756" id="ifrm" frameBorder="no" width="100%" scrolling="auto" height="100%" runat="server"></IFRAME>
     
     </BODY>
    </HTML>

    其中iframe中的src就是要包含的网页地址,slience.com就是通过这个方式弄成显示我的CSDN的,不过这样做有一点不好,就是我在iframe访问其他东西的时候,只要没有打开新的标签页就会一直显示我的网址,嗯~逛论坛的时候看到是自己的网址感觉怪怪的
    展开全文
  • 今天群里有小姐姐问同一个页面显示多个图表,如何操作? 先抛出一个官方的例子:https://gallery.echartsjs.com/editor.html?c=xhjub4szmz&v=1 下面的原文链接:看不懂可以参考一下这个:...

    今天群里有小姐姐问同一个页面显示多个图表,如何操作?

    先抛出一个官方的例子:https://gallery.echartsjs.com/editor.html?c=xhjub4szmz&v=1

    下面的原文链接:看不懂可以参考一下这个:https://blog.csdn.net/weixin_38981413/article/details/78917155

    还有一个思路就是多容器承载,写多个div容器,调用不同的方法实现

    展开全文
  • 在一个网页显示一个网页

    千次阅读 2013-01-09 17:35:10
    在一个网页显示一个网页 #linkdiv{ width:400px; height:300px; background:yellow; } var xmlHttp; function createXmlHttp() { if (window.XMLHttpRequest) xmlHttp = new XMLHttpRequest...
    在一个网页中显示另一个网页
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-type" content="text/html; charset=gb2312">
    <style type="text/css">
     #linkdiv{
      width:400px;
      height:300px;
      background:yellow;
     }
    </style>
    <script type="text/javascript">
    var xmlHttp;
    function createXmlHttp() 
    {
        if (window.XMLHttpRequest) 
           xmlHttp = new XMLHttpRequest();  
        else 
           xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    function update()
    {
    if(xmlHttp.readyState == 4)
     {
      results = xmlHttp.responseText;
      linkdiv.innerHTML=results;
     }
    }
    function send(linkurl)
    {
    createXmlHttp();
    xmlHttp.onreadystatechange = update;
    xmlHttp.open("get",linkurl, true);
    xmlHttp.send(null);
    }
    </script>
    </head>
    <body>
     <a href='javascript:send("http://www.baidu.com")'>www.baidu.com</a>
     <a href='javascript:send("http://www.google.cn")'>www.google.cn</a>
    <div id="linkdiv">
    </div>
    </body>
    </html>
    
    
    
    
    
    
    http://zhidao.baidu.com/question/54938455.html
    
    展开全文
  • 用户从错误信息中得到真正的帮助?错误信息的页面应该做到以下几点:   1.给普通访客友好提示。告诉他们这是怎么了,简单,再简单,不要出现技术专业词汇,同时告诉他们一些建议如何避免和解决当前
  • 修改网页页面显示内容

    千次阅读 2016-10-11 13:51:19
    浏览器控制台中输入 document.body.contentEditable = "true" 并执行,就可以编辑网页页面内容
  • 让一个div居中显示在浏览器页面

    千次阅读 2019-08-23 11:13:31
    让一个div居中显示在浏览器页面中 <body> <div id="box"></div> </body> <style> *{padding:0;margin:0;} #box{ background-color:black; height:80%;width:80%; position:fixed...
  • 最近写了一个web项目,但浏览器中测试,发现某些页面中的图片无法显示。 原因是加载页面时一些img标签或者css中的background-image请求了一些含有中文的图片。于是这个页面会自动向服务端发送请求获取资源,...
  • 网页打印问题-页面显示不全

    万次阅读 2019-01-03 12:51:56
    QQ浏览器或者chrome中,先将目标网页,从头拉到底后(不能太快)本地浏览器将目标网页渲染完成后,再讲鼠标拉倒网页最上方初始位置处。再右击,选择打印。(QQ浏览器的效果会好些) 下拉窗口,选择目标打印机,...
  • 如何让一个div显示在页面最顶层

    万次阅读 2016-07-25 17:07:25
    网站有栏目的上拉菜单被挡住了,设置下拉菜单显示在网站最顶层解决办法 style="z-index:999">数值越大,显示级越高,当然一般也不用999, 2,3就够了     全国公安信息网  全国公安信息网  
  • 指定一个内容,网页中若有span标签含有该内容,则该span标签内的内容不显示在页面中 20 如图,一般情况下span里的“显示的内容”会显示在页面中。我想添加关键字“内容”,使得整句“显示的内容”被屏蔽(即不...
  • 在一个页面上,一块区域上显示一个页面(或者文件)的内容 我是利用js和iframe标签组合来实现的。 比如我1.html上,划分一个div区域,通过按钮,使其用来显示2.html,或者其他网站(如:百度)。 这时,我1....
  • html中如何使div在页面中居中显示

    万次阅读 多人点赞 2019-02-28 13:40:41
    尝试着写了一个html网页,结果就连div如何在页面中居中显示都查了好久才弄出来。其实我不知道为什么这样可以实现,因为css还没仔细研究过,等我参加完复试定会仔细探究探究。既然实现了,我就先记录下来,要不然下次...
  • 这是JQuery写的的一个网页布局,就是多个页面在一个div内显示, 这个是很正常的,不过实现起来还是有点纠结, (难道我会告诉你:因为我后端 和 android写多了,不会划页面了吗?) 先用御坂 镇楼! 效果: ...
  • 项目过程中我们经常会用到把一个页面嵌入到另外的一个页面当中去 比如以一个模态框的形式去展示 但是这个过程中而且还会涉及到数据的交互 比如列表的展示页我们希望修改和添加是通过一个页面的弹框的形式去...
  • div在页面中间显示

    千次阅读 2017-05-04 11:35:24
    本文是用js代码和CSS代码两种方法实现div在页面中间的显示
  • 析:遇到这个问题的时候我们总是第一时间想到用一个浮动的DIV,然后通过JavaScript控制window.onscroll来控制DIV的位置,从而达到我们希望这个层在页面的固定位置 但是这种方式有一个缺点,那就是我们滑动鼠标...
  • 用js在页面显示一个Hello Word

    千次阅读 2017-06-11 08:40:04
    在页面显示一个Hello Word /*指明前台脚本是js*/ //实现页面加载helloword document.write('HelloWord');/*调用一个write函数,在页面写一个HelloWord*/ 程序运行的页面截图是:
  • **肯定是先布局了,如果右侧是网上有的页面左侧直接绑定连接就可以了,如果右侧是自己设计的页面,那左侧直接绑定自己设计的页面就可以了。(有志网:woyouzhi.com,每天励志点点,每天给你坚持下去的动力!...
  • 一个页面 function GetQueryString(name) {  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");  var r = window.location.search.substr(1).match(reg);  if (r != null) return (r[2])...
  • 做项目遇到了页面之间传输数据的问题,特别是第一个页面的数据是使用ajax显示的,当点击ajax中append的li的时候,打开另一个页面,将第一个页面的数据显示在一个页面上,具体情况如下: 一、这是第一个页面中的js...
  • test1.html页面 ... 第种方式,传输入的值 var tiaozhuan = function(){ document.location.href ='test2.html?mydata1=' + $("#txta").val(); } 第二种方式,传固定的值
  • 2、浏览器先查看浏览器缓存-系统缓存-路由器缓存,如果缓存中有,会直接屏幕中显示页面内容。若没有,则跳到第三步操作。 3、发送http请求前,需要域名解析(DNS解析),解析获取相应的IP地址。 4、浏览器向...
  • 移动端H5页面,可以点击按钮添加列表,点击列表可以进入同一个页面,没有数据库和服务器,我是用localStorage.setItem()和getItem()实现页面间传值。 功能是:点击不同列表进入“图2”所在页面后,显示的是当前点击...
  • 打开离线保存的网页,会出现页面显示不全的问题。(或者,点击“展开阅读全文”按钮后,无法展开被折叠的页面。) 解决 浏览器:Chrome 1.首先,点击博文中“展开阅读全文”按钮 2.然后,再使用...
  • 访问一个网页,如果是首次登录,显示“欢迎您首次登录” 否则显示:欢迎回来,您上次的登录时间为:显示时间字符串 二、分析: 1.可以采用Cookie来完成 2.服务器中的Servlet判断是否有一个名为lastTime的...
  • web.xml中找到  &lt;servlet-mapping&gt; &lt;servlet-name&gt;dispatcher&lt;/servlet-name&gt; &lt;url-pattern&gt;/*&lt;/url-pattern&gt; &lt;/servlet-...
  • 一个页面显示多个分页实现

    千次阅读 2018-07-10 09:03:57
     怎么说 不知道这办法算不算牵强 不过这是小菜我最直接想到的办法. 效果图如下   代 码 部 分 : ( 请注意两分页的变量是不一样的 但是调用的方法一样 所以只需要把变量名称通过参数传给方法再加以判断...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 499,322
精华内容 199,728
关键字:

怎么让网页都在一个页面显示