前端基础知识备注

html页面基础知识备注

  • 引用css文件标签 <link href="css.css" rel="stylesheet" type="text/css" />
  • 引用js文件标签<script type="text/javascript" src="js.js"></script>
  • <!doctype html>是html5标准网页声明
  • a标签引用js方法写法<a href="javascript:void(0);" onclick="logout();" target="_parent">退出</a>

css基础知识备注

  • 鼠标移动到标签上显示的文字css属性<td title="要显示的文字"></td>
  • 图片不能正常显示时在图片的位置显示的文字说明css属性 alt=“”<img src="" alt="图片说明" title="鼠标悬浮在图片上时显示的文字"/>

javascript基础知识备注

  • 访问页面就加载js方法
<body onload="getDate01()"></body>
<script>
function getDate01(){
//js代码
}
</script>
 - window.onload =function() {
//js代码
}
 - $(function() { 
//js代码
})
 - $(document).ready(function() { 
    //js代码
});
  • 关闭页面时调用的js方法
window.onbeforeunload = onbeforeunload_handler;
function onbeforeunload_handler(){
	var warning="确认退出????";  
	console.log(warning);	
	return warning;
}
  • js读取、写入td中的内容
var node = document.getElementById("td").innerHTML ; //读取内容
document.getElementById("td").innerHTML = "想写入的内容";
  • js读取、写入P标签的内容
$('#p2').html(); //读取id = p2的 p标签内容
$('#p1').html("写入的内容");//写入id = p1的p标签内容
  • 向iframe的src属性动态赋值
//向id=rightMain的iframe src属性赋值方法
function rightMain(url){
	$('#rightMain').attr('src', url);
}
  • 在iframe页面中调用父页面的东西
window.parent.document.getElementById('p_nr');//获取父级页面的元素
window.parent.testParent();//调用父级页面的Js函数

后续再加!加油

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值