Javascript檢查圖片大小不要讓大圖片撐破頁面

來源:互聯網
上載者:User

Javascript檢查圖片大小不要讓大圖片撐破頁面

 如何用Javascript判斷圖片大小,其實只要寫一個簡單的函數就可以了,當然這麼判斷要怎麼寫很多人可能不知道。發覺用 ASP 判斷圖片大小比數牛毛還繁複, 且判斷了就判斷了, 還要邏輯顯示。..煩。 用 Javascript 判斷, 輕鬆搞定, 最終效果無非就是不要讓大圖片撐破頁面。

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

<script LANGUAGE=“JAVASCRIPT”>

  

//檢查圖片大小是否大於預期大小, 大於則顯示為預期大小

  

function show(chkw) { //chk images width

  

if(chkw>500) {

  

chkw=500;

  

}

  

else {

  

chkw=chkw;

  

}

  

return chkw;

  

}//shawl.qiu script

  

//example <img src=“images/teach/opera/01.jpg” onload=“this.width=show(this.width)” >

  

</script>

  

1.滑鼠經過自動選取的複選框:

  

<input TYPE=“checkbox” onMouseMove=“checked=true”>

  

<input TYPE=“checkbox” onMouseMove=“checked=true”>

  

2.ACCESS 列出某一天所屬星期的天數

  

//這個演算法可費了我個把小時

  

查詢一個日期所隸屬星期所有天數的資料

  

SELECT *

  

FROM ctdate_by_query_date

  

WHERE dateandtime between ((#2006-5-15#+Weekday(2006-5-15))-6) and #2006-5-15#+Weekday(2006-5-15)

  

3. 雙擊滑鼠拷貝文本, 現在雙擊一下就清楚

  

<script LANGUAGE=“JAVASCRIPT”>

  

function ClipBoard(tdObj) { //IE Only

  

var holdtext = document.all[‘holdtext'];

  

holdtext.innerText = tdObj.innerText;

  

Copied = holdtext.createTextRange();

  

Copied.execCommand(“Copy”);

  

alert(“text copied”);

  

}

  

</script>

  

<form NAME=“form1” METHOD=“post” ACTION=“”>

  

<ttextarea id=“holdtext” style=“display:none” ROWS=“10”></ttextarea>

  

</form>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.