TOP ▲ itcore TOP　プログラムパーツ

bootstrap Bootstrap/jQueryの基本テンプレート(CDN利用)< | itcore 2018年

Bootstrap/jQuery

Bootstrap/jQuery TOP

HTML

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap/jQueryの基本テンプレート(CDN利用)</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>

<!-- コンテンツ -->
<h1>Bootstrap/jQueryの基本テンプレート(CDN利用)</h1>
<a target=_blank href=http://bootstrap3.cyberlab.info/gettingStarted/>Bootstrap3日本語リファレンス　入門</a><br>
<a target=_blank href=http://bootstrap3.cyberlab.info/css/overview.html#usage3>Bootstrap3日本語リファレンス　CSS　概要</a><br>
<a target=_blank href=http://bootstrap3.cyberlab.info/components/buttonGroups.html>Bootstrap3日本語リファレンス　コンポーネント　ボタン・グループ</a><br>
<a target=_blank href=https://qiita.com/8845musign/items/88a8c693c84ba63cea1d>jQueryの基本 - $(document).ready</a><br>
<a target=_blank href=http://js.studio-kingdom.com/jquery/events/click>jQuery 1.9　イベント　.click() </a><br>
<a target=_blank href=http://js.studio-kingdom.com/jquery/selector/id_selector>jQuery 1.9　セレクタ　ID</a><br>

<br>
<button id="btn_close" type="button" class="btn btn-default">閉じる</button><br>

<!-- jQuery -->
<script>
$(function(){
    $("#btn_close").click(function(){
      window.close();
      //window.open('about:blank','_self').close();
    });
});
</script>

</body>
</html>

実行

開く