Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
software_development:html_css_javascript [2020/02/14 14:46] – prgram | software_development:html_css_javascript [2025/07/07 14:12] (current) – external edit 127.0.0.1 | ||
---|---|---|---|
Line 9: | Line 9: | ||
https:// | https:// | ||
- | ==== ==== | ||
- | disable Telephone Link on Desktop | + | ==== Location ==== |
+ | <code javascript> | ||
+ | location.hash ="# | ||
+ | $(location).attr(' | ||
+ | </ | ||
+ | ==== List, Dictionary ==== | ||
+ | <code javascript> | ||
+ | prod = { " | ||
+ | for (var key in prod) { | ||
+ | key | ||
+ | prod[key] | ||
+ | } | ||
+ | </ | ||
- | [[https:// | + | ==== CSS Style ==== |
+ | <code javascript> | ||
+ | $('# | ||
+ | $('# | ||
+ | $(' | ||
+ | $(this).attr(' | ||
+ | </ | ||
+ | |||
+ | |||
+ | <code css> | ||
+ | @media (min-width: 768px) { | ||
+ | /* wide mode css */ | ||
+ | .classname { | ||
+ | attr : value !important; /* override */ | ||
+ | } | ||
+ | } | ||
+ | </ | ||
+ | ==== String ==== | ||
<code javascript> | <code javascript> | ||
+ | function comma(str) { // 숫자에 컴마 및 원 붙이기 | ||
+ | str = String(str); | ||
+ | return str.replace(/ | ||
+ | } | ||
+ | </ | ||
- | < | + | ==== resize ==== |
+ | < | ||
+ | $(window).on('resize', function() { | ||
+ | if ($(window).width() >= 768) { | ||
+ | set_tablet_mode(); | ||
+ | status = " | ||
+ | } else { | ||
+ | status = " | ||
+ | } | ||
+ | }); | ||
+ | </ | ||
+ | ==== disable Telephone Link on Desktop ==== | ||
+ | |||
+ | |||
+ | |||
+ | [[https:// | ||
+ | |||
+ | <code javascript> | ||
+ | // Use event delegation, to catch clicks on links that may be added by javascript at any time. | ||
jQuery(document.documentElement).on(' | jQuery(document.documentElement).on(' | ||
try{ | try{ | ||
Line 37: | Line 88: | ||
console.log(" | console.log(" | ||
} | } | ||
- | });'' | + | }); |
</ | </ | ||
- | </ | ||
- | |||
- | ==== ==== | ||
==== Image resize - area map ==== | ==== Image resize - area map ==== | ||
Line 47: | Line 95: | ||
[[https:// | [[https:// | ||
- | < | + | < |
<script src=" | <script src=" | ||
<script src=" | <script src=" | ||
Line 155: | Line 203: | ||
</ | </ | ||
+ | |||
+ | |||
+ | ==== 웹 폰트 사용 (나눔고딕) ==== | ||
+ | https:// | ||
+ | |||
+ |