html5无刷新,html5局部刷新

html5 登陆注册页面用到的技术

HTML5+CSS3+Jquery写一个漂亮的登陆框；

ajax实现无刷新验证；

响应式设计；

相关问答

Q1: 怎么用html上传而不

HTML5方式上传文件，可以通过使用FormData类模拟Form表单提交，从而实现无刷新上传文件。

假设有一个文件选择框

[html] view plain copy

input type="file" name="pic" id="pic" accept="image/gif" /

Q2: 六种方法改变URL而不刷新页面方法

这个是HTML4标准的history对象的常用方法。

功能 ：保存浏览器的历史浏览记录

length属性

length 可以获取到当成访问的链接数量

back和forward方法 go方法

上面是针对HTML4标准的hitory对象的常用方法。HTML5基于原有对象方法新政了两个实用的API方法。

功能是向历史记录栈中添加一条记录，常用于实现页面的无刷新跳转，其调用格式如下。

其中data参数表示再添加记录时传递的数据对象，该对象通常为JSON格式的字符串，参数title为页面显示的标题，可选参数为页面跳转地址，默认值为当前地址

功能是修改当前的历史记录值

各个参数的使用说明与pushState相同。

此外，history对象还有一个重要的state属性，通过该属性可以获取使用pushState方法新增的实体对象的内容，即在使用pushState方法增加时data参数的实体值，它的调用格式如下。

location对象的功能是管理浏览器的地址。最常见的是href属性和reload方法。前者可以获取当前浏览器的地址，后者方法可以重新按地址加载当前页面。

Q3: 如何实现不刷新页面，只重新加载js文件？

不刷新页面，重新加载js文件的方法有：

通过js创建script标签，例如

var script = document.createElement("script");

script.src = "test.js";

document.body.appendChild(script);

2.通过ajax实现无刷新加载，ajax的方法可以自己写，也可以引用，以下引用的是jquery的ajax

$.ajax({

    type = "get",

    url : "test.js",

    dataType : "script"

});

总结：如果是自己写js，不引用。建议用第一种，第二种也可以参考。

Q4: 我用html自己编写的网页 修改源文件后为什么刷新没有效果

有两个可能,一种是你用记事本编写,要确定每次保存是存到了.html的文件,不要继续保存在.txt里面;另一种可能就是你浏览器的缓存,把你以前的旧页面给保存了,清一下缓存就行了

Q5: HTML中点击按钮，内容和上面的网址刷新了，但是好像并没有刷新网页。

用JS+iframe的方式可以实现，原理就是JS来控制，iframe就是页面套页面。