画面幅でハッシュ値を変える

Question

index.htmlにアクセスし700px以下だったらハッシュ値をsp、701px以上だったらハッシュ値をpcを付与したいです。
自分自身で考えてできたのは以下まででした....
どなたかお力添えください。

<script>
var windowWidth = $(window).width();
var windowSm = 700;
if (windowWidth <= windowSm) {
window.onload = function(){
location.hash = '#sp';
}
} else {
window.onload = function(){
location.hash = '#pc';
}
}
</script>

<script>
var windowWidth = $(window).width();
var windowSm = 700;
if (windowWidth <= windowSm) {
location.hash = '#sp';
} else {
location.hash = '#pc';
}
</script>

<script>
var windowWidth = $(window).width();
var windowSm = 700;
if (windowWidth <= windowSm) {
location.hash = 'sp';
} else {
location.hash = 'pc';
}
</script>

<script>
var windowWidth = $(window).width();
var windowSm = 700;
if (windowWidth <= windowSm) {
window.onload = function(){
location.hash = 'sp';
}
} else {
window.onload = function(){
location.hash = 'pc';
}
}
</script>

両方ともハッシュ値がつきませんでした。

Comments

[x_x]

コード上では640と書いてあるのですが、700pxでわけたいのですか？

[退会済みユーザー]

失礼しました。コードの書き間違いです。実際は700で設定しています。

[x_x]

再現しないのですが、何かエラーは出てないでしょうか？

[退会済みユーザー]

出ていませんね....

[x_x]

jQueryは読み込んでいますか？ タグがありませんが・

[退会済みユーザー]

jQueryが必要なのですか！？

[x_x]

yoshi_0819さんは、「自分が何のコードを書いているか」がわかっていないのですか？

[退会済みユーザー]

できました！回答に起こしてもらってもよろしいでしょうか？ベストアンサーにしたいです。

[退会済みユーザー]

参考サイトをもとに作りましたので、中のlocation hash部分は自分で作りましたが...

[退会済みユーザー]

すみません。新たに問題が発生しました。iPhoneからアクセスした際#pcが付与されてしまいます...

[x_x]

詳しい機種と、window.innerWidthの値はわかりますか？

[退会済みユーザー]

すみません。キャッシュの問題だったみたいです。

Answer 1

jQueryを読むか、使われているjQueryは一か所だけなので置き換えてもいいでしょう。

//$(window).width()
window.innerWidth

https://api.jquery.com/width/#width1
https://developer.mozilla.org/ja/docs/Web/API/Window/innerWidth

Answer 2

#は要らないんじゃないでしょうか。
'#sp'→'sp'

と回答したところ、低評価いただいたので撤回します。

先頭の#は無視されるので、その有無は問題ではない。

Comments

[退会済みユーザー]

#ありじゃないと動かないようです。
折角回答していただいたのにすみません...

[shozi3]

https://syncer.jp/javascript-reference/location/hash

[x_x]

そんな個人ブログより仕様をあたってみては？
https://www.w3.org/TR/html5/browsers.html#the-location-interface
> Can be set, to navigate to the same URL with a changed fragment (ignores leading "#").

[shozi3]

無視されるから"#"の有無は問題ではないと言いたいんですね。
つまり"#"は不要ということですね。