2017년 8월 9일 수요일

모든 링크를 읽어들여 기존의 태그 뒤에 새창열기 태그를 추가하기 예

모든 링크를 읽어들여 기존의 태그 뒤에 새창열기 태그를 추가하기 예

index.html

<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>프레임</title>
</head>
<frameset cols="250, *" frameborder="no" border="0" framespacing="0">
<frame name="left" scrolling="no" src="./left.html">
<frame name="main" scrolling="auto" src="">
</frameset>
</html>

left.html

<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>메뉴</title>
<script type="text/javascript" src="js/lib/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function() {
$("body").find("a").each(function() {
if ($(this).prop("target") == "main") {
$(this).parent().append($('<a />', {
href: $(this).prop("href"),
target: '_blank',
title: '새창보기',
text: '[새창]',
style: 'padding-left: 5px; font-size: 8pt;'
}));
}
});
});
//-->
</script>
</head>
<body>
<div>
<dl>
<dt><a href="//localhost/Cesium-1.35" target="main">Cesium-1.35</a></dt>
<dt><a href="//localhost/msac" target="main">msac</a></dt>
<dt><a href="left_sub.html">left_sub</a></dt>
</dl>
</div>
</body>
</html>