PHP 就職ガイド シリーズ - PHP Web プログラミング
- WBOYオリジナル
- 2016-08-08 09:22:311571ブラウズ
PHP Webプログラミング
フォームフォーム
1. POSTとGET送信の最大容量を簡単に説明します
- URLに追加そして送信されましたURL の一部としてサーバー。 URLの長さは1MB文字までに制限してください。
- POST メソッドは URL に依存せず、渡されたパラメーター値をアドレス バーに表示しません。また、POSTメソッドは制限なくサーバーにデータを転送できます。送信された情報はすべてバックグラウンドで送信され、ブラウザ側のユーザーには確認できないため、安全性が高くなります。
2. フォームを通じてアップロードされたファイルのサイズを制御するにはどうすればよいですか?
- enctype="multipart/form-data" は、フォーム内のデータをエンコードする方法を指定します。
- method="post"、データ送信方法を指定します。
- , 隠しフィールドを使用してアップロードされるファイルのサイズを制御します (バイト単位)。 value php.ini 設定ファイルの Upload_max_filesize オプションで設定された値を超えることはできません。
3. フォームに読み取り専用属性を設定するにはどうすればよいですか?
- は、 readonly を使用して、指定されたコンテンツの読み取り専用属性を設定します。
- 4. $name と $_POST['name'] はどのような状況で同じ意味で使用できますか?
php.ini ファイルで register_globals = On の場合、
$name と $_POST['name'] の両方がフォームフォームのフォーム要素名の値を取得できます (ポストモードで送信) ）。
ただし、プログラムにセキュリティ上のリスクをもたらすため、すべての register_globals 変数をオンにすることはお勧めできません。
CSSスタイル
1.
CSSの意味は何ですか?
CSS (Cascading Style Sheet、「
Cascading Style Sheet」または「Cascading Style Sheet」と訳される) 言語は、解釈を必要とせず、直接使用できるマークアップ言語です。ブラウザ Web ページの外観を制御するための解釈と実行 (ブラウザ解釈言語に属する)。これは、表示属性の設定における HTML の欠点を補うために、W3C Association によって指定された一連の拡張スタイル標準です。 その機能は次のとおりです:
標準的な Web デザインでは、CSS は Web コンテンツ (XHTML) のパフォーマンスを担当します。
- CSS ファイルは、いくつかの CSS タグを含むテキスト ファイルとも言えます。CSS ファイルには .css 接尾辞を使用する必要があります。
- CSS ファイルによるコンテンツとプレゼンテーションの分離により、Web ページの全体的なプレゼンテーションが変更され、サイトの外観を維持しやすくなり、HTML ドキュメントのコードがより簡潔になり、ブラウザの読み込み時間。
- 2. CSS スタイルを HTML ページに挿入する方法は何通りありますか?
HTML ページの
タグの下に タグのペアを定義し、タグ名とクラスを使用します。タグセレクターと ID セレクター内で属性を設定します。- タグ内で style 属性 を定義し、次にこのタグの下に次のようにスタイルを定義します。 リンク ファイルをインポートするには タグを使用します。例:
3. CSS スタイルの一般的に使用される属性:
CSS スタイルの一般的に使用される属性 属性名 parsing border 枠のプロパティを定義して枠の幅、色、スタイルを設定します background-color 背景色の設定 background-image 背景画像の設定 font-size フォントサイズの設定 font-family フォントの設定 text-装飾 下線、点滅など、オブジェクト内のテキストの装飾を取得または設定します。 line-height オブジェクトの行の高さ、つまり、オブジェクトの下部間の距離を取得または設定します。フォントと内部のフォントの上部 letter-spacing オブジェクトを取得または設定します テキスト間の間隔 text-align オブジェクト内のテキストの配置を設定または取得します 4. 以下の問題を解決する方法IE6 でのコード ダブルマージンの問題?
<span><span><style type="text/css"> body </span>{<span>margin</span>:<span>0</span>;}<span>div </span>{<span>float</span>:<span>left</span>; <span>margin-left</span>:<span>10px</span>;<span> width</span>:<span>200px</span>;<span> height</span>:<span>200px</span>; <span>border</span>:<span>1px</span>;<span> solid red;</span>}<span></style></span></span>これはIE6でよくあるバグですが、定義されているマージンは10pxですが、IEでは20pxに解決されます。
解決策: display:inline 属性を追加します
5. ハイパーリンクをクリックした後にホバースタイルが表示されない問題を解決するにはどうすればよいですか?
ハイパーリンクのスタイル属性を正しく並べ替えるだけです。
a:link{color:red;text-docoration:none}
a:visited{color:blue;text-decoration:none}
a:hover{color:black;text-decoration:overline}
a:action{color:black;text-decoration:overline}
6. の下の問題を解決する方法。 Firefox ブラウザ テキストはコンテナの高さを拡張できませんか?
2 つの CSS プロパティ、min-width と min-height を追加して、Firefox の高さを自動的に計算するために配置をクリアすることもできます。 。
7. 高さ約 1px のコンテナを定義するには?
Web ページのレイアウトのプロセスでは、ナビゲーション バーとコンテンツ バーの間にパーティションが必要になることがよくあります。通常、高さを 1 ピクセルに設定するのが最適です。
DIV タグ
1. タグ と
の違い:と ; タグは Web ページのレイアウトでも機能します。 それらの違いは次のとおりです:- span タグはインラインであり、通常は小さなモジュールのスタイルを HTML ドキュメントにインライン化するために使用されます
- div 要素自体はブロック レベルの要素です。主にコードの大きなブロックを結合するために使用されます
2. DIV レイヤーを中央に配置する方法は?
位置:絶対;
上:50%;
左:50%;
マージン: -100ピクセル 0 0 -100ピクセル;
3. filefox ブラウザでネストされた div タグの無効な text-align 属性の問題を解決する方法
JavaScript スクリプト
1.入力フォーカスを取得する関数:
ダイアログ ボックスをポップアップするには alert()
関数を使用します入力フォーカスを取得するには focus()
関数を使用します2. リダイレクト関数とは何ですかJavaScript?外部 JavaScript ファイルをインポートするにはどうすればよいですか?
window.location.href="ファイル名";
ステアリング機能:外部JavaScriptファイルの紹介:
5. ホームページを設定するための JavaScript コード:
Ajax アプリケーション1. jQuery で Ajax を使用して、ユーザー名が占有されているかどうかを確認します。
2 つのページを定義する必要があります。index.php ページのコードは次のとおりです:
<span>1</span><span><style> </span><span>2</span><span>.one </span>{<span>border</span>:<span>1px solid blue</span>;<span>width</span>:<span>300px</span>;<span>height</span>:<span>200px</span>;<span>text-align</span>:<span>center </span>} <span>3</span><span>.two </span>{<span>border</span>:<span>1 px solid blue</span>;<span>width</span>:<span>200px</span>;<span>height</span>:<span>100px</span>;<span>margin</span>:<span>0px auto </span>} <span>4</span><span></style> </span><span>5</span><span><div> </span><span>6</span><span><div></div> </span><span>7</span><span></div></span>in.php ページのコードは次のとおりです:1 <script type="text/javascript" src="jquery-1.4.2.js"></script> 2 <input type="text" ><input type="button" value="校验"> 3 <script type="text/javascript"> 4 $(<span>function</span><span>() { </span>5 $("input:last".click(<span>function</span><span>() { </span>6 $.get ("in.php",<span> { </span>7 username:$("input:first").<span>val() </span>8 },<span>function</span><span>(data) { </span>9<span> alert (data); </span>10 })'<span> 11 }); 12 }); 13 </script></span>2. 入力するコードを書きます。テキスト ボックスに年を入力してその星座を判断し、テキスト ボックスの横に出力します。HTML と JavaScript コードを記述する必要があります:
フロント ページ デザインのコードは次のとおりです:<span> 1</span> <?<span>php </span><span> 2</span><span>$string</span>="明日科技"<span>； </span><span> 3</span><span>if</span>(<span>isset</span><span>($ GET[username])) { </span><span> 4</span><span>if</span>(<span>urldecode</span>($ GET[username])==<span>$string</span><span>) { </span><span> 5</span><span>echo</span> "用户名被占用"<span>; </span><span> 6</span> }<span>else</span><span>{ </span><span> 7</span><span>echo</span> "用户名可用"<span>; </span><span> 8</span><span> } </span><span> 9</span><span>} </span><span>10</span> ?>View Code 背景の星座を決定するPHPスクリプト:<span> 1</span><span><</span><span>html</span><span>></span><span> 2</span><span><</span><span>head</span><span>></span><span> 3</span><span><</span><span>meta </span><span>http-equiv</span><span>="Content-type"</span><span> content</span><span>="text/html;charset="</span><span>UTF-8""</span><span>></span><span> 4</span><span><</span><span>script </span><span>type</span><span>="text/javascript"</span><span> src</span><span>="jequery-1.4.2.js"</span><span>></</span><span>script</span><span>></span><span> 5</span><span><</span><span>title</span><span>></span>生肖的自动选择<span></</span><span>title</span><span>></span><span> 6</span><span></</span><span>head</span><span>></span><span> 7</span><span><</span><span>body</span><span>></span><span> 8</span><span><</span><span>input </span><span>type</span><span>="text"</span><span> value</span><span>="请输入年份格式为2015"</span><span> onclick</span><span>="this.select()"</span><span>></span><span> 9</span><span><</span><span>input </span><span>type</span><span>="submit"</span><span> value</span><span>="判断"</span><span>></span><span>10</span><span><</span><span>span</span><span>></</span><span>span</span><span>></span><span>11</span><span><</span><span>script</span><span>></span><span>12</span><span> $(</span><span>function</span><span>(){ </span><span>13</span><span> $(</span><span>"</span><span>input:last</span><span>"</span><span>).click(</span><span>function</span><span>(){ </span><span>14</span><span> $.get(</span><span>"</span><span>in.php</span><span>"</span><span>,{ </span><span>15</span><span> number:$(</span><span>"</span><span>input:first</span><span>"</span><span>).val() </span><span>16</span><span> },</span><span>function</span><span>(data){ </span><span>17</span><span> $(</span><span>"</span><span>span</span><span>"</span><span>).text(data); </span><span>18</span><span> }); </span><span>19</span><span> }); </span><span>20</span><span>}); </span><span>21</span><span></</span><span>script</span><span>></span><span>22</span><span></</span><span>body</span><span>></span><span>23</span><span></</span><span>html</span><span>></span>jQueryフレームワーク
目前比较流行的客户端脚本语言框架jQuery,由美国人John Resig创建，是优秀的JavaScript框架，其宗旨是write less,do more.它是轻量级的js库，兼容CSS3，兼容各种浏览器（IE 6.0+）。用户能更方便地处理HTML document、events，实现动画效果，并且可以方便地为网站提供AJAX交互。jQuery另一个比较大的优势是，它的文档说明很全，而且各种应用也说的很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的HTML页保持代码和HTML内容的分离，也就是说，不用再在HTML里面插入一堆js来调用命令了，只需定义id即可。
1.jQuery中常用选择器：
基本选择器：
id选择器：只能用一次
class选择器：允许重复使用
标签选择器
*：匹配所有元素
层次选择器：
$("#a.b") 选取id值为a的元素里所有class值为b的元素。
$("#a>.b") 选取id值为a的元素后的class值为b的子元素。
$("#a+.b") 选取id值为a的元素后紧挨的class值为b的元素。
过滤选择器：
：first，选取第一个元素。
：odd,选取索引是奇数的元素。
：even,选取索引是偶数的元素。
：not,选取除某元素外的其他元素。
：eq(),按索引寻找元素。
：lt(),小于某索引值的元素。
：gt,大于某索引值的元素。
2.如何实现查找DOM树中的元素？
var input = $("input:first");
3.如何在DOM树中创建并插入元素？
<span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script> <span>2</span> <div>水果</div> <span>3</span> <script> <span>4</span><span>var</span> title=$("<span>苹果</span>"<span>); </span><span>5</span> $("div").append(title);<span>//</span><span>将title追加到div标签内容的后面</span><span>6</span> $("div").before(title);<span>//</span><span>将title追加到div标签之前与div标签属于同一层次</span><span>7</span> $("div").prepend(title);<span>//</span><span>将title追加到div标签内容之前</span><span>8</span> $("div").after(title);<span>//</span><span>将title追加到div标签之后与div标签属于同一层次</span><span>9</span> </script>4.如何在DOM树中替换指定元素？
<span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"</script> <span>2</span> <div>水果</div> <span>3</span> <script> <span>4</span><span>var</span> title=$("<span>苹果</span>"<span>); </span><span>5</span> $("div"<span>).replaceWith(title); </span><span>6</span> </script>5.将一张图片以淡出的效果消失在页面中：
<span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script> <span>2</span> <img src="color.jpg"> <span>3</span> <script> <span>4</span> $("img".click(<span>function</span><span>(){ </span><span>5</span> $(<span>this</span>).fadeOut("slow"<span>); </span><span>6</span><span>}); </span><span>7</span> </script>6.制作一个按钮，当按钮被单击时以卷帘效果消失：
<span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script> <span>2</span> <input type="button" value="按钮"><script> <span>3</span> $("input").click(d=<span>function</span><span>(){ </span><span>4</span> $(<span>this</span>).slideUp("slow"<span>); </span><span>5</span><span>}); </span><span>6</span> </script>7.照片轮换效果：
<span> 1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script> <span> 2</span> <style> <span> 3</span> ul{list-<span>style:none;width:350px;height:200px;position:absolute} </span><span> 4</span><span>li{position:ansolute} </span><span> 5</span> </style> <span> 6</span> <div> <span> 7</span> <ul> <span> 8</span> <li><img ssrc="1.jpg" width=350px height=200px></li> <span> 9</span> <li><img ssrc="2.jpg" width=350px height=200px></li> <span>10</span> <li><img ssrc="3.jpg" width=350px height=200px></li> <span>11</span> <li><img ssrc="4.jpg" width=350px height=200px></li> <span>12</span> </ul> <span>13</span> </div> <span>14</span> <script> <span>15</span> $(<span>function</span><span>(){ </span><span>16</span> $(."change ul li:not(:first)"<span>).hide(); </span><span>17</span> setInterval(<span>function</span><span>(){ </span><span>18</span><span>if</span>($."change ul li:last").is(":visible"<span>)){ </span><span>19</span> $(."change ul li:first").fadeIn("slow"<span>); </span><span>20</span> $(."change ul li:last"<span>).hide(); </span><span>21</span> }<span>else</span><span>{ </span><span>22</span> $(."change ul li:visible").next().fadeIn("slow"<span>); </span><span>23</span><span> } </span><span>24</span> },1000<span>); </span><span>25</span><span>}); </span><span>26</span> </script>
鉴于最近要准备各种期末考和大作业，发博时间明显减少，劳烦多多理解啊！本篇都是利用零碎时间编辑的，现在大功告成还是挺满足啦，若您觉得有帮助，可以随手点个赞。
以上就介绍了PHP求职宝典系列——PHP Web 编程篇，包括了方面的内容，希望对PHP教程有兴趣的朋友有所帮助。
声明：この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。