• 欢迎访问web前端中文站,JavaScript,CSS3,HTML5,web前端demo
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏web前端中文站吧

一行代码编写一个页面 史上最强大代码句 iframe

JavaScript web前端中文站 1年前 (2018-06-23) 776次浏览 已收录 0个评论

经常会看到一些贴吧或者博客技术论坛,有人问实现一个功能,最少需要多少行代码,有的说 30 行,有的说 15 行。今天,web 前端中文站教大家如何用一行代码编写一个页面,例:一行代码编写百度页面。(主要应用iframe标签

一行代码编写一个页面  史上最强大代码句 iframe

iframe 标签

这里用到的是iframe标签,定义和用法:
iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

Frame 对象

Frame 对象代表一个 HTML 框架。在 HTML 文档中 <frame> 每出现一次,就会创建一个 Frame 对象。

代码实例

<!Doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title></title>//lisa33xiaoq.net
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="apple-touch-icon" href="apple-touch-icon.png">
    </head>
    <body> 
    <script>
    document.write('<iframe src="http://www.baidu.com" width="1200" height="700">
    </iframe>');//别说 30 行,我 1 行代码就写一个百度出来
    </script>
    </body>
</html>

相信大家通过这次学习,对iframe有了更深理解。关于一行代码编写百度页面,今天纯属是简单娱乐下。

具体前端 demo 代码(纯 JavaScript 代码)见以下链接:

链接:点击下载

密码:0rpv

web 前端中文站点评:

关于iframe的学习,本站还有另外一篇文章《如何设置 IFRAME 背景透明》,大家有兴趣可以移步到下一篇文章中了解学习下。

 

 


web 前端中文站 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:一行代码编写一个页面 史上最强大代码句 iframe
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址