菜鸟笔记——嵌入网页

关于前几篇中的求助我已经有了解决方法，只要在if语句的判断条件中加一个等于号就行了，只是因为我忘了单等号是赋值，双等号才是等于，至于三等号那个是绝对等于， 以下是是正文；

今天的重点是一个奇怪的标签，这个标签或许很多人用到过，不得不说它还是很有用的，这个标签就是< iframe >标签，这是一个内联样式，在网页内嵌套网页所依靠的就是这个标签，访问以下这个网址可以直接查看这个标签的属性(实际上我更想复制直接过来的,但是实在是太占篇幅了)：http://www.w3school.com.cn/tags/tag_iframe.asp

其实这个标签我也不是太懂，我只知道它可以嵌套两类页面，一类是其他站点(比如百度)，一类是嵌套站点内的其他文件。它的优点可以在各类事件(包括但不限于点击事件)中在页面中载入其他页面，而不是跳转到其他页面。

关于这个标签的使用：没必要在这个标签中再去添加其他的标签和文本(档)，因为它只能在检查代码时显示，如果真的想添加文本(档)请用srcdoc属性添加，但是因为某些我不知道的原因src属性无效了，还有一些属性我完全看不懂。< iframe >标签的语法：

<iframe height="300" width="400" src="https://www.baidu.com/" scrolling="auto" name="hhhh" align="right" frameborder="0" marginwidth="90" marginheight="100"></iframe>

在这个标签内可以直接设置高度和宽度，这两个属性的属性值的单位是像素和百分比，在使用像素这个单位时，是不能添加单位的，有值就行了，另外marginwidth属性似乎只对文本(档)起效，属性frameborder它是控制边框是否显示，有趣的是它的值不是常规的"true"和"false"，也不是"yes"和"no"，而是0和1，0是true也是yes，而1是no同样也是false

那么如何在HTML DOM 事件使用它呢？以点击事件为例：
HTML代码样式：

<button id="CollegeInfor"></button>
<iframe id="content"></iframe>

利用JavaScript代码设置iframe的高度

function reSetSize() {
    var windowsHeight = window.innerHeight;
    document.getElementById("content").style.height = (windowsHeight - 110) + "px";
} 
reSetSize();
window.onresize = reSetSize;

如果是使用JQuery代码，代码如下：

$("#CollegeInfor").click(function () {
    $("#content").prop("src", "https://www.baidu.com/");
});

如果是使用JavaScript代码，代码如下：

    document.getElementById("CollegeInfor").onclick = function () {
        document.getElementById("content").src = "https://www.baidu.com/";
    }

两类不同代码所形成相同的样式：

还有一个类似的标签，是< frame >标签，是不是和< iframe >标签比起来只是少了一个"i"从属性上来看也是及其相似的，只是< frame >标签和< iframe >标签相比是一个< frame >标签自闭合标签，虽然说看起来差不多但是完全不会用。