yn2011's blog

技術メモ

Web API インターフェイス

document.referrerでiframeからクロスドメインの親ページのURLを取得できる理由について

気になったので調べた内容をまとめた。 iframeからクロスドメインの親ページのURLを取得する document.referrerでできる(ほとんどのブラウザで動作するっぽい。Chrome, Firefox, Safari, Edge, IE11の最新版はどれも動いた) 同一ドメインの場合はdocument.…

IE11で文字列からDOM Nodeを生成・取得したい

業務で苦戦したことがあったのでまとめ 環境 IE(11.345) やりたいこと 文字列からDOM Nodeを生成してJavaScriptで取得したい どんな要素でも文字列から生成できて欲しい <template>要素にブラウザが対応している場合は下記の方法で生成と取得が可能 ただしIE11は<template>要素に</template></template>…

validity.patternMismatchで入力フォームに数値以外が入力されていることを判定する(マルチブラウザ対応)

数値用フォームのバリデーションをフロント側で作成する際に調べた。マルチブラウザ対応の方法を見つけるのに思ったより苦労したので備忘録。 確認環境 IE11 (11.0.90), Safari (12.0)含むモダンブラウザ やりたいこと 数値以外の文字列も入力は許可する 入…