今天啊咱阴沟里翻船被面试被问到 js jquey 的基本问题竟然答不上来,特地重新学习下。老实说这种问题已经有10年没人被问过了。
问题1 口述如何通过js,jquery获取页面值
js方式
document.getElementById('ElementID').value
document.getElementByName('ElementName')
document.getElementById 返回指定 ID 的元素(返回具有指定 ID 属性值的第一个对象的一个引用)
document.getElementByName 返回带有指定名称的对象的集合。
两者并不同。
访问某一特定元素尽量用标准的getElementById(),访问标签用标准的getElementByTagName(),但某些浏览器不支持getElementsByName(),所以就要避免使用getElementsByName()。
因此如果使用name方式应当使用
var arr=document.getElementByName('ElementName')
for(var i=0;i<arr.length;i++){
if(arr[i].value){
console.info(arr[i].value);
}
}
如果要获取元素内容可以使用
document.getElementById('ID').innerHTML
innerHTML属性是一个用来设置或获取位于对象起始和结束标签内的HTML
所以某些div或者别的内容可以使用它
jquey方式
$("ElementID").val();
问题2 口述页面对象结构
实际上这样描述是不准确的页面对象在不同的范畴意义不同,面试官还是不错的,意识到这点后提醒了我他指的是js里的windous对象
但是吧咱长期搞的是后台,对于页面大多数任务是修改所以对windou对象所知不多。
这里先罗列下windou对象的一些东西以备翻看
Window 对象表示浏览器中打开的窗口。
如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。
由于windou对象是下就是常用的document对象
所以document.xxx的完整写法应该是windou.document.xxx但由于经常使用和操作的当前的windou对象这种情况下windou可以省略。
一些方法:
window.open(), (打开窗口)
window.close(), (关闭窗口)
window.self()(窗口本身)
window.focus()(使当前的窗口在所有窗口之前. )
window.status="内容" (js中状态栏显示内容:)
window.navigate("http://www.xxx.xxx"); (窗口重定向)
window.print() (js中的打印:)
window.prompt(”message”,”xxx”); (提示输入框:挺丑的不如用div)
window.scroll(x,y) (窗口滚动条)
window.scrollby(x,y)(窗口滚动到位置:)
window.history.back()上一页
window.history.forward()下一页,
window.history.go(返回第几页,也可以使用访问过的url) 如果是0那么就是刷新
history.length
window.createElement
更多可以浏览Window 对象 | 菜鸟教程