我想让浏览器将页面滚动到给定的锚点,只需使用JavaScript即可.
我在HTML代码中指定了一个name或id属性:
<a name="anchorName">..</a>
Run Code Online (Sandbox Code Playgroud)
要么
<h1 id="anchorName2">..</h1>
Run Code Online (Sandbox Code Playgroud)
我希望通过导航获得与您相同的效果http://server.com/path#anchorName.应滚动页面,使锚点靠近页面可见部分的顶部.
HTML中的属性值有多长时间?
我data-foo="bar"在一个新的应用程序中使用HTML5样式的数据属性(),在一个地方存储数据的公平数据(超过100个字符)真的很方便.虽然我怀疑这个数量很好,但它提出了多少太多的问题?
我目前正在处理一个表单,除了表单的所有正常字段外,还有上传图片的文件输入,onchange将图片提交给iframe,然后将上传的图片加载到带有要修改的字段的表单中对于他们(如名称和地理定位).由于我无法嵌套表单,file_input也包含在iframe中,所以最后我在iframe中使用了iframe.如此示意,我有这样的事情:
<form>
<!-- LOTS OF FIELDS!! -->
<iframe src="file_input_url">
<!-- iframe which loads a page of a form with a file input-->
</iframe>
</form>
Run Code Online (Sandbox Code Playgroud)
和iframe中加载的html类似(忽略html,head和body标签)
<form target="upload_iframe">
<input type="file" onchange="this.form.submit()">
</form>
<iframe name="upload_iframe"></iframe>
Run Code Online (Sandbox Code Playgroud)
这很好用,除了加载第一个iframe需要几秒钟,因此文件输入不会加载到页面的其余部分,并且在视觉上并不理想.我可以解决这个问题,如果可以指定iframe内容而无需加载另一个页面(在第一个iframe中由'file_input_url'指定).
所以,我的问题是,有没有办法在同一个文档中指定iframe内容,或者只能用src属性来表示,所以需要加载另一个页面?
"data:"URL方案值是否有任何大小限制?我对流行的网络浏览器的局限感兴趣.换句话说,多久可以data:image/jpg;base64,base64_encoded_data成为<img src="data:image/jpg;base64,base64_encoded_data" />或background-image: url(data:image/jpg;base64,base64_encoded_data)?
在HTML5中,iframe具有"无缝"等新属性,应删除边框和滚动条.我已经尝试了但似乎没有用,我仍然可以看到滚动条和边框(我使用谷歌浏览器作为浏览器),这是我的代码:
<iframe seamless="seamless" title="google" width="600" height="300" src="http://www.google.co.uk"></iframe>
Run Code Online (Sandbox Code Playgroud)
知道为什么它不起作用吗?
还有一个问题是,是否可以在iframe中定位页面的特定部分?
这是我的HTML:
<a>View it in your browser</a>
<div id="html">
<h1>Doggies</h1>
<p style="color:blue;">Kitties</p>
</div>
Run Code Online (Sandbox Code Playgroud)
如何使用JavaScript来使href我的链接点的属性base64编码的网页,其来源是innerHTML的div#html?
我基本上想要在这里完成相同的转换(选中base64复选框),但在JavaScript中除外.
所以我想在页面加载时通过iFrame发送XMLHttpRequest POST请求.通过iFrame发布的原因是不显示引荐来源.
使用Javascript:
function load() {
var http = new XMLHttpRequest();
var url = "action url here";
var params = "name1=one&name2=two";
http.open("POST", url, true);
http.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=UTF-8");
http.send(params);
}
Run Code Online (Sandbox Code Playgroud)
HTML:
<body onload="load();">
<iframe name="f1" src="about:blank" id="noreferer" width="0px" height="0px" style="border: 0px none;"> </iframe>
</body>
Run Code Online (Sandbox Code Playgroud)
如何将请求附加到iFrame.任何帮助,将不胜感激.
更新:
对于任何问我为什么load();在HTML正文中添加和触发的人,下面是一个没有引用的帖子请求代码连接到f1 iframe via innerHTML,因为在所有浏览器中都适用src is 'about blank'.但不是XMLHttpRequest,也没有提供添加标头的能力.
使用Javascript:
function load() {
var postdata = '<form id=NoReferrerPost method=POST action=\'action url here\'>' +
'<input type=hidden name=name1 value=one />' +
'<input type=hidden name=name2 …Run Code Online (Sandbox Code Playgroud)