ホームページ > ウェブフロントエンド > jsチュートリアル > js は入力の長さを取得し、ページの width_javascript スキルに従ってサイズと中央揃えを設定します。

js は入力の長さを取得し、ページの width_javascript スキルに従ってサイズと中央揃えを設定します。

WBOY
リリース: 2016-05-16 16:39:04
オリジナル
1644 人が閲覧しました

1. js でページの幅、高さ、画面解像度を取得します

网页可见区域宽:document.body.clientWidth
网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth (包括边线的宽)
网页可见区域高:document.body.offsetHeight (包括边线的宽)
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高:document.body.scrollTop
网页被卷去的左:document.body.scrollLeft
网页正文部分上:window.screenTop
网页正文部分左:window.screenLeft
屏幕分辨率的高:window.screen.height
屏幕分辨率的宽:window.screen.width
屏幕可用工作区高度:window.screen.availHeight
屏幕可用工作区宽度:window.screen.availWidth
ログイン後にコピー

2. js は入力長を取得します

document.getElementById("input的id值").style.width = document.body.scrollWidth * 0.24 - 550;
ログイン後にコピー

3. 入力ボックスが中央に配置されます

<input type="text" style="text-align:center;" />
ログイン後にコピー
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート